The code might be something like:

test text left or image

test text right

and style with properties:

#left {width:30%; float:left;}
#right {float:right;}

everything is perfect and works as expected in Internet Explorer, then what’s wrong with Firefox/Netscape?


There’s nothing wrong, IE is acting Smarter, it actually calculates and considers the width for ‘right’ div to be 70% but Firefox or Netscape takes it to be 100% which I think is logically correct as if we don’t specify the width=100% that means we assume the browser considers it to be 100%, and the same thing is happening here in case of Firefox and Netscape.


Well, now do I need to tell the solution? Pretty simple, assign width preferable little less than 70% e.g. 68% and everything will work as you want in Firefox, Netscape as well as IE.