浮動：跨瀏覽器的左側問題

Question

我正在嘗試對齊「熱門選項」選項卡，因此它位於我的站點http://www.loveartmusicbaby.com的幻燈片旁邊，它在Firefox中使用float：left代碼顯示在下面。但是我怎麼才能讓它在Chrome和IE上也能正常工作呢？ ：/

<img src="http://img692.imageshack.us/img692/4756/tabcv.png" alt="art music fashion" style="float: left;" /><div id="s3slider"><ul id="s3sliderContent"> 

<li class="s3sliderImage"><a href="http://lovetest22.blogspot.co.uk/2012/06/as-beth-dittos-collaboration-with-m.html#more"><img style="width:569px;height:341px;" src="http://img138.imageshack.us/img138/2513/wasex.jpg" /><span>Why we <font color="ff00ae">love </font> fashion designer, Hayley Scanlan</span></a></li> 

<li class="s3sliderImage"><a href="YOUR-LINK-HERE"><img style="width:569px;height:341px;" src="http://img832.imageshack.us/img832/1678/dollnp.jpg" /><span> The First Ladies of music feat. <font color="ff00ae">Kimbra </font> </span></a></li> 

<li class="s3sliderImage"><a href="YOUR-LINK-HERE"><img style="width:569px;height:341px;" src="http://img513.imageshack.us/img513/4583/fdaw.jpg" /><span>Meet <font color="ff00ae">Helen Green</font>, the coolest Little Monster around. </span></a></li> 

<li class="s3sliderImage"><a href="YOUR-LINK-HERE"><img style="width:569px;height:341px;" src="http://img521.imageshack.us/img521/7456/saudin.jpg" /><span> Cute as <font color="ff00ae">candy:</font> The Saudi fashion designer causing a stir</span></a></li> 

<li class="s3sliderImage"><a href="YOUR-LINK-HERE"><img style="width:550px;height:200px;" src="http://2.bp.blogspot.com/_4HKUHirY_2U/S9aKtosfYNI/AAAAAAAAA-o/GTCV0pnicVk/s1600/call+of+duty-11.jpg" /><span>Call Of Duty 4 : Get Here</span></a></li> 

</ul></div> 

<div class='clear'></div> 

Answer 1

#s3slider根本不適合父母的寬度。嘗試

#s3slider { 
    width:560px; 
}