Позиция Изображение за пределами централизованного среза 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>