我想在默认wordpress主题(http://twentyelevendemo.wordpress.com/)的标题中的照片上方放置一个标志

我的解决方案：在照片之前添加徽标，并设置位置：绝对的，不设置任何顶/左/底/右属性：

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％宽的水平多级菜单，并显示：table- *，但是表格单元格不支持position：relative，所以我唯一的解决方案是：http://jsfiddle.net/pCe49/

它适用于IE6-7，Firefox1.5，不适用于Firefox 0.8等。

你认为这是一个很好的解决方案，还是一个非标准的黑客，可以分崩离析？