Mozilla 1.3 and CSS

odd problem, did I do something wrong or am I chasing gremlins?

[karmov]

Long story short, I've got a site that I'm converting to use more CSS. The thing looks fine in most popular browsers, IE6, IE5, Netscape 7, Opera, Safari and Mozilla 1.4.

Problem is with Mozilla 1.3, all of the text is floating over to right and messing up all the layout. I'm just wondering if Mozilla 3 has any wierd problems I should know about before I spend too much time trying to fix this.

[tedster]

Before you put in too much time, have you validated your CSS at W3C [jigsaw.w3.org]? That can save a good bit of headache.

It sounds like a div positioning problem, it could also be a "padding combined with a float" issue.

For complex pages, I often build a test HTML doc to deal with the "global" issues first. I only include the divs (maybe some filler text as required) and give each div a subtle but detectable background-color. Then browser testing becomes an easier affair.

[moonbiter]

There very easily could be a bug in Mozilla 1.3. Here is one example [robinlionheart.com] of something that sounds similar to the problem you are having, although this hasn't been fixed even in Moz 1.4.

[karmov]

Moonbiter, This *looks* like my problem exactly however it works fine in 1.4. The CSS does validate. I've since found out that it does occur in some versions of Opera as well so I think it's probably a mistake on my part somewhere. I'll try the background color idea tedster. That will probably help me out a lot. Thanks to both.