以流體爲中心的位置圖像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>