Strange look in FF

Hi I made a website in .net and I am using style sheets for layout, it
looks great in IE but in firefox all boxes are placed in what looks
like somebody just throw them around on the screen.

HTML
<div class="bodywrapper"


<div id="columnleft">
#CONTENT
</div>


<div id="columnright">
#CONTENT
</div>


</div>


CSS


#columnleft
{
float:left;



}


#columnright
{
float:right;
text-align:center;
width:100px;


}


.bodywrapper
{
margin-left: 90px;
margin-right: 90px;
width:900px;
background-color: #ffffff;


}


Anyone got a solution to this?

 

<div class="bodywrapper" needs a '>' on the end, and you need to give #columnleft a width

 

the missing > is just a typo when I wrote the code here.
I added width:auto; on the #columnleft but it didn't solve my problem with all the divs being placed in really strange locations in FF

 

It needs to be a pixel width (max of 800px), as you've used a pixel width in the right column.

 

that made it a lot better, but still some things that's not right but I guess it's the same error. thanks for the help, it put me one step closer to make everything right

 

I would be able to help you further if I could see the page you're working on - do you have a URL?

 

sure. here http://www.nutritionbars.se/default.aspx
it's all in Swedish but I guess you don't need to understand the content to read the code
thanks again