Case #1:

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

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

http://jsfiddle.net/TsAJp/

Html:

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

Css:

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

Case #2:

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

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

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