[pagey]

Can anybody tell me why this is happening in Firefox but not in IE7?

Also, i don't seem to be able to apply a line-height succesfully to the text.

CSS is here.

Yours frustrated and confused,


Kevin Thundercat

[pgo]

Try adding * { padding: 0; margin: 0; } to the top of your CSS and see if that changes it. If so, it's a padding or margin issue.

One thing I'll recommend, is getting used to using the shorthand:

margin/padding: 0 0 0 0; (Top Right Bottom Left -> TRBL -> TRouBLe).

background: (any combination of: [image] [repeat] [position] [attachment] [color]);

i.e. background: url(/path/to/image.gif) no-repeat top left #FFF;

font: ...; also.

Avoid giving everything a height - especially remove most of the heights in the content box. That'll probably help, too.

Not everything needs a width either. Most block-level elements (div, p, ul, etc) will automatically fill the available width within their parent.

[pagey]

* { padding: 0; margin: 0; } <----- Sorted it all out. Easy as that eh?

I'll have to try and remember all these bloody things!

I have a vast bookmark collection as far as webby stuff is concerned, but is there not somewhere that gives guidelines on how to set out a stylesheet? And gives advice like "always start your stylesheets with * { padding: 0; margin: 0; } etc...."

Anyway, thanks again