why doesn't my href anchor show in IE?

[matthewchng]

visit http://matthodology.no-ip.com with firefox, notice the navigation links on top right of page, then visit the same page with IE, the links doesn't appear, but hovering mouse over those positions will show that the links are in fact invisible.

the source for the links are just plain <a href="link">link</a> and I can't figure out why it's not showing up at all on IE. The link is there and I can click on it but it's just invisible it seems.

the same format links shows up on the forums at http://matthodology.no-ip.com/forums/ but another set in the same page will not show up too...

comparisons can be made via Firefox browser.

[Fang]

Remove all the position:relative; from the .navigate pseudo-classes

[matthewchng]

thanks. that worked. But i'll lose the positioning functionality for hovering... :(

Why doesn't IE recognize that relative positioning style?

[Fang]

This will keep your menu jumping.
Put the position:relative; back in the .navigate pseudo-classes and change:
#banner {
background-image:url(images/title.jpg);
background-repeat:no-repeat;
border-bottom:2px solid #000000;
vertical-align:bottom;
}
.navigate {
float:right;
font-size:10px;
font-weight:bolder;
white-space:nowrap;
}