Posted by ishky1@gmail.com on 09/26/07 18:46

HI,

Sorry no web page to point to.

I have a two column page design using two floated divs:

div#left{
width: 50%;
float: left;
}
div#right{
width: 50%;
float: right;
}
All works well in both browsers and shows two columns side by side.
The problem comes up when I insert padding into the css. With the
padding IE renders the page with two column side by side. However in
Firefox there is an overlap and the right column is displayed below
the left.

My solution is to float both to the left and fiddle with the width
until both columns fit side by side. But I don't really like it. Can
somebody explain what Firefox is doing.

Thanks for the help,
Andy

[Back to original message]