位于流体居中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>