css - 将图像定位在以流体为中心的 div 之外

Question

我在尝试将图像定位到居中 div 的右侧时遇到问题。此代码适用于 Chrome 和 Safari，但不适用于 IE8 或 Firefox。我要的是 Chrome 版本，而不是图片中显示的 IE 版本。谢谢!

#page {
width: 90%;
max-width: 1400px;
min-width: 600px;
margin: 0 auto;
overflow: hidden;
background: 
white;
}

<div style="width: 90%; max-width: 1400px; min-width: 600px; margin: 0 auto;">
  <div style="float: right; position: relative; z-index: 200; bottom: 4px; left: 20px;">
    <a href="<?php echo tep_href_link('specials.php');?>"><img src="images/clearance-tab-vert.png"></a>
  </div>
</div>
<div id="page">
blah
</div>

Answer 1

请看这个 fiddle :http://jsfiddle.net/QLBjX/2/

#page {
width: 90%;
max-width: 1400px;
min-width: 600px;
margin: 0 auto;
overflow: hidden;
background: 
white;
}

<div id="page">
blah
<div style="float:right; background:black; width:100px; height:100px";>
<a href="<?php echo tep_href_link('specials.php');?>"><img src="images/clearance-tab-vert.png" width="100" height="100"></a>
</div>
</div>