Nav text overlapping

[Davey_M]

any chance someone could tell me wot needs changing? http://hard-trax.com/test/

in IE it displays fine, in FF it displays Home and News ontop of eachother - have not tested in any other browsers yet

Validator output:
http://jigsaw.w3.org/css-validator/validator?uri=hard-trax.com%2Ftest&usermedium=all

[KDLA]

Really, your navigation should be an inline unordered list.
Here's a tutorial which might help: http://alistapart.com/articles/slidingdoors/

KDLA

[Davey_M]

yea, i wanted to find out wot i need to search for, thanks :P

was just going to leave it as it was for time being but shall look into listing things


for now i managed to get it to look how i want it, now it's just a case of using the lists...

[Centauri]

You also have multiple instances of the same id's - a class should be used here. There are way too many divs than is required - styling semantic elements and utilising inheritance can reduce the code considerably.

I would also suggest that 9px is WAY too small for text on a page - I would consider 11px to be a minimum.

Cheers
Graeme

[Davey_M]

thanks for the help guys... i cut down on the divs, i'm not sure if i could go further without taking the "lists" into consideration (tabs and the listed links in modules).... i need to figure out how to make both into lists