Problem with Firefox 3.6.3

newage · #1 04-12-2010, 04:37 PM

Since I upgraded my firefox browser my site does not display properly anymore in firefox. It looks fine in IE 7 and 8 but not firefox 3.6.3

check it out for yourself click here

Does anyone know how I can fix this or where I should start?

Thanks

cflsystems · #2 04-12-2010, 04:55 PM

Looking at the site I would say you are missing lots of styles. For example - id=contents - styling is present in IE but not in FF

newage · #3 04-13-2010, 03:41 PM

Any suggestions on how to fix this?

This site was working fine in firefox until I upgraded my browser

cflsystems · #4 04-13-2010, 04:48 PM

This is the first time I see something like this. If you go here - http://www.hondapowerhouseapparel.ca/skin1/skin1.css - browser will load your css file and #content style is in there but for some reason FF doesn't read it. Maybe try to rename the file?

gb2world · #5 04-13-2010, 05:08 PM

Also - take a close look at your W3C CSS validation errors. Could be something there that is confusing firefox.

newage · #6 04-13-2010, 06:34 PM

Thanks for everyone's help. I figured out the issue.

when I looked at the stylesheet I found I was missing a closing tag on the background position ( ; )

#leftMenu li {
border-top: 2px solid #a7a7a7;
padding: 8px 0 8px 0;
background: url('/skin1/images/bullet_arrow_light.gif') no-repeat;
background-position: 18px 15px;
}

Once I added this and re-posted, the layout came back.

Thanks to everyone who helped me in the correct direction.

cflsystems · #7 04-13-2010, 07:03 PM

Glad you got it fixed

gb2world · #8 04-13-2010, 08:46 PM

You may want to look at your css validation errors - you still have parse errors - similar to the one you fixed - that could cause you problems down the line.