more DIV problems in firefox

[kippertoffee]

I'm having trouble with my web site displaying in firefox,

Im defining DIVs using css and then they are not showing up on the screen at all and i can't work out why, they work fine in IE and opera.

The problem lies with the .bigbox / .sidetabbox / .mainbox and .orangeline classes.

http://myweb.tiscali.co.uk/kippertoffee/index.html

i'm flummoxed! especially because this (a quick experiment) works fine.

http://myweb.tiscali.co.uk/kippertoffee/poop.html

and aparently uses the same structure to create the three coloured boxes.

I'm just learning about css and i'm finding the differences between the main browsers confusing. I'd rather get one page to work on all three than directing the page depending on browser.

Please help, i'm tearing my hair out!!!!!

Thank you, pete.

[Fang]

Clean up the css (http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A//myweb.tiscali.co.uk/kippertoffee/index.html) and use the normal /* comment */ syntax (<!-- html comments -->)

Drop the table(s); use css.
A basic header, mainmenu and 2 columns (sub-menu and content)

Semantically, menus are lists

[kippertoffee]

I will drop the tables but for the top title bit, i want the stripes and there seems to be a minimum height for a div in IE, hence the whole thing would have to be a picture.

Actually, maybe i could just do the stripes along the top if i could get them thin enough using div and css....

Am i right abou the minimum div height in IE? It seems to me to be about 20px, i cant get around it without using tables.

pete.

[Fang]

This thin enough:
<div style="width:300px;border-bottom:1px solid red;"></div>

[kippertoffee]

ah-ha, well thought.:)

Pete.