Relative width in Firefox and IE

[brixton]

Hi,

I have a three-column-page where the columns' width are specified in percent instead of fixed pixels (I have to have this due to a school assignment). It works great in Firefox but IE interprets the width differently and the last column gets pushed down since it takes too much space. The code looks somewhat like this:

div#first
{
    float:left;
    width:18%;
}
 
div#second
{
    float:left;
    width:60%;
    margin-left:1%;
    margin-right:1%;
}
 
div#third
{
    float:left;
    width:20%;
}

so, all adds up to 100%. I've read about the differences in width interpretation and the box model differences between Firefox and IE but I don't see how that should affect this.

Thanks in advance for any advice.

[brixton]

Fixed problem by specifying the third column's width by:

min-width:20%;
width:auto;    

The first line for Firefox to use the full width and the second for IE to reduce it if it gets too wide.

By the way; tried to delete my post but couldn't... :(

[drhowarddrfine]

IE does not know min-width and it treats width as min-width. One of a million reasons it's such a lousy browser.