Положение: абсолютное без установки сверху/влево/вправо/вправо?

Случай №1:

Я хочу разместить логотип над фотографией в заголовке в теме WordPress по умолчанию (http://twentyelevendemo.wordpress.com/)

Мое решение: добавьте логотип перед фотографией и установите position: absolute на нем без, чтобы установить любой из свойств top/left/bottom/right:

http://jsfiddle.net/TsAJp/

Html:

<a id="header">
  <img id="logo"> 
  <img id="photo">
</a>

Css:

#logo {
  position: absolute;
  margin: 10px;
  /* or padding: 10px; */
  /* or border: 10px solid transparent;
     only this works with my elderly iPhone Simulator.app */
}

Случай №2:

Другим примером является горизонтальное многоуровневое меню шириной 100% и выложенное с помощью display: table-*, но table-cell не поддерживает position: relative, поэтому единственным решением было следующее: http://jsfiddle.net/pCe49/

Он работает на IE6-7, Firefox1.5, не работает на Firefox 0.8 и т.д.

Как вы думаете, это хорошее решение, или это нестандартный кусок взлома, который может развалиться в любую минуту?