Hello, I'm in the process of designing a new website at:

www.lloydandballard.com

I'm running it as much off CSS as I can manage, using percentage container divs to layout elements. as of the moment though, while it displays fine on AOL and IE, in FF it looks abysmal. How can i fix this?

The HTML can be viewed off the source of the page
here is the CSS:
http://pastesite.com/beta/1019


Thanks so much for any help.

Try validating the code
http://jigsaw.w3.org/css-validator/
Once its validated it should look fine in FF...

thanks! but im afraid i tried this to no result. any other ideas?

The code is just so sloppy and inconsistent that the best way to fix it would be to recode the whole thing from scratch. I suggest either paying someone to code it or look into clean and semantic markup.

haha thats depressing to hear, but if it has to be done it has to be done. ill try using tidy on everything first i suppose. i have developed this entire site from scratch with only notepad, and zero previous experience or knowledge. ive been googling every step with an unbelievable amount of trial and error.

i have realized that nearly all of the problem is caused by my use of IE's glitch in processing CSS for height:75%; attribute, expanding the div for oversized content. how can i set up this same property properly for all browsers? something like min-height:75%; but that doesnt seem to work in everything either.


thanks