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

看到这个小提琴：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>