my blog is built by wordpess, content sigle page and sidabar, i used float:left, not use clear:both, but now it dispaly normal on ie7, but does not work on firefox, sidebar does not float on its position, it display on bottom of article content,

I need left is article content, right is sidebar, all height is auto, how to inprove it?

This is main css:

#wrapper {width: 950px;margin: auto;text-align: left;padding-bottom: 2px;}

#header {height: 60px;padding-top: 15px;margin:0px ;background-color:#FEFFFB;}

#body {background-color:#FFFFFF;color:#003300;padding-bottom: 10px;
border:1px #006600 dashed; }

#page {margin:10px;float:left;padding-top:0px;overflow:hidden;
width:620px;}

#sidebar {width: 300px;float:left;padding: 5px;}