Updated my portfolio site. But floats are acting wierd in Firefox browser.
I use two stylesheets: grid.css and 282px.css

Can anyone help me troubleshoot this.
Works absolutely fine in IE.

And weird means ?? 'cos they look pretty much the same for me. FF3.5, IE 8

BTW It will IE acting weird, FF is probably doing exactly what it has been told.

Here's what I'm seeing in IE7 and FF3.0
Maybe my problem is an old version of Firefox.
I know I'll catch a lot of gripe about this, but I use IE far more than Firefox.

try adding float:left to your #header

Lets see the code or a URL, we can't diagnose anything from a graphic.

Originally Posted by LadynRed

Lets see the code or a URL, we can't diagnose anything from a graphic.

Someone is reading in a hurry

http://www.cupan82.com/

Conqueror, I floated header and it fixed display of both "content" divs. Thanks for that.
Now I just need to correct the last li in ul from breaking onto a new line.

Originally Posted by MattCoops

Conqueror, I floated header and it fixed display of both "content" divs. Thanks for that.
Now I just need to correct the last li in ul from breaking onto a new line.

ul#navigation { margin:28px 0 8px ADJUSTpx; }

100px?

Thanks dude. Off by one pixel.

Now I got it looking good in Firefox. But in IE7 the alignment is off in the nav list in header to the content column beneath it.
arrgggh!

Originally Posted by MattCoops

Now I got it looking good in Firefox. But in IE7 the alignment is off in the nav list in header to the content column beneath it.
arrgggh!

#footer { 
clear:left; 
width:738px;
margin:8px 0 0 282px; 
border-top:solid 1px #003300; 
text-align:right; 
font-size:13px; }

That's your hint.

One thing though - Some elements aren't floated where as others are - but it seems to be working well so I guess if it ain't broke....

but just in case..

www.browsershots.org and get back to us with a snapshot if you find a problem in a major browser.

I think I got it under control now.