Ok so I have a freelance website and am currently at the designing process. All my DIV's don't match the height of what content is inside of them. I have kept the website as it is so you can have a read through the stylesheet and html. I cannot honestly see what is wrong with it. I have tried changing some of the DIV's to 100% height and this still doesn't work, the only way I have got it to work is if my #container is 100% high and my #content is a set height, so not really good for constantly changing content being put on the site as I have to go into the stylesheet everytime I add something. Brads Space - Under Construction http://brads-space.co.uk/css/stylesheet.css
ok, changing the #content float:left; did it for me but messed up the footer. also install [google]firebug[/google] very good tool to debug.
#Content { float:left; } It only moves my darker grey DIV to the left :S, it works slightly I suppose. I still can't figure out what's wrong. I am in college atm, and my site works perfectly fine as it is now, in IE 7. But not Firefox 2. Btw, that Firefox thing is a cool program .