Just coded my first image based css navigation and for some reason the last two links dont have the rollover effect, i must admit ive kinda rushed the coding of this together but nonetheless this is very strange. I also have 10px or so of whitespace before the first link.

http://gfxpixeldesigns.com/ebay/clients/vintagedirect/vintagedirectebaylistingtemplate.html

Any suggestions ?

No idea why, but it would be much easier if you used CSS for the rollover instead of JS.

This may help

Thanks pedro managed to get the rollovers working following that link, i still have the whitespace before my first link but its no big.

 

Fortunately javascript cant be avoided in this case because its linking to a javascript tab navigation below which requires javascript to hold the tab contents.

 

EDIT: forgot to mention the rollover is controlled by css but the link itself uses span onclick

How would i give these an active state ? Ive tried the usual a:active with li#nav_home a:active but this doesnt seem to be working ...