firefoxでfloaｔの調整の仕方CSS

質問

CSSで下記(div)のなかにBOXを3つ並べました、
ie6以上では思い通りに表示されるのですがFireFox（バージョン3.5.3）では一番右端にくるBOXが左端のBOXの下に入ってしまいます。
どなたか解決策を教えていただけますでしょうか？
----ソース部分---
<div class="setbox1">
<div id="rent1"><a href="eee.html"><img src="img/trans_rent.gif" width="234" height="69" /></a></div>
<div id="rent2"><a href="aaa.html"><img src="img/trans_rent.gif" width="234" height="69" /></a></div>
<div id="rent3"><a href="ccc.html"><img src="img/trans_rent.gif" width="234" height="69" /></a></div>
</div>

----以下CSS----

.setbox1{
margin-left : 25px;
width : 750px;
}
#rent1{
margin-top : 20px;
margin-left : 0px;
float : left;
width : 234px;
}
#rent1 a{
background-image : url(img/rent1.gif);
display : block;
line-height : 0px;
background-repeat : no-repeat;
width : 234px;
height : 69px;
}
#rent1 a:hover{
background-position : left bottom;
}
#rent1 img{border-width : 0px 0px 0px 0px;
}
#rent2{
margin-left : 0px;
float : left;
margin-right : 22px;
padding-left : 22px;
width : 234px;
margin-top : 20px;
}
#rent2 a{
background-image : url(img/rent2.gif);
display : block;
background-repeat : no-repeat;
line-height : 0px;
width : 234px;
height : 69px;
}
#rent2 a:hover{
background-position : left bottom;
}
#rent2 img{border-width : 0px 0px 0px 0px;
}
#rent3{
margin-top : 20px;
margin-left : 0px;
padding-left : 0px;
}
#rent3 a{
background-image : url(img/rent3.gif);
line-height : 0px;
background-repeat : no-repeat;
width : 234px;
height : 69px;
display : block;
}
#rent3 a:hover{
background-position : left bottom;
}
#rent3 img{border-width : 0px 0px 0px 0px;
}

回答No.1

freepacket

#rent3にfloatを適用しないからではないでしょうか？

お礼

freepacketさん
ありがとうございました、初歩的なミスでした！
おかげさまで解決しました。