css - 流体中心の div の外に画像を配置する

Question

中央の div の右側に画像を配置しようとすると問題が発生します。このコードは Chrome と Safari では機能しますが、IE8 や Firefox では機能しません。写真に示されているように、IEバージョンではなく、Chromeバージョンが私が目指しているものです。ありがとう！

#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>