[RESOLVED] Mysterious Links In IE.. Help Please!

[RLighty]

Hey!
I am making a website for a college assignment and have come across a problem... It'll be great if you guys could help me please!

I have rollover links that turn blue when a user hovers over them. These work perfectly fine in Firefox (latest update) but don't in Internet Explorer (7.0.. its what the college uses).

The weird thing is that one link works in IE and the rest are just displayed as texts (and not even clickable).. The top link "Windows" is the one that works in IE, the rest don't even budge!

I'm truly stumped and so are my class mates. I don't know how to make the links work in both IE and Firefox without destroying the work Ive done so far.


** Code for the links **

<div id="links">
<p class="style2"><a href="windows.html" class="navlinks">Windows</a><br />
<br />
<a href="quotations.html" class="navlinks">Quotations</a><br /><br />
<a href="ordering.html" class="navlinks">Ordering</a><br /><br />
<a href="expectations.html" class="navlinks">Expectations</a><br /><br />
<a href="faq.html" class="navlinks">FAQ</a><br /><br />
<a href="contactus.html" class="navlinks">Contact Us</a> </p>
</div>


** CSS **

/* Links */
a.navlinks {
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 18px;
}
a.navlinks:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #99CCFF;
/*font-size: 19px;*/
font-weight: 500;
}
a.bodylinks {
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-side: 12px;
text-decoration: none;
}
/*a.bodylinks:hover {

}*/



..If you need any additional info then please ask away, I will be on the computer 24-7 (as usual) until I fix this!

Thanks for your time guys :]

[RLighty]

http://users7.jabry.com/rlightyhelp/index.html

This is it.. Internet explorer hates the links. Firefox loves them.
IE finds a massive problem, as normal (check the top link)

Open this in IE and then Firefox and notice the problem.. IE 7.0 is what my college is running

[tracknut]

I don't have IE7, so unfortunately can't see the issue (IE8 looks fine). A couple items, may not be relevant at all, but:

typo: font-side: 12px;

and your use of the styles "#body" and "#title", is probably not the best thing. I don't know that it goes against any standards, but it's generally not good coding technique to reuse existing tag names for your divs.

Lastly, a *transitional* doctype, really? What are you transitioning from? Should use strict doctypes in this situation.

Like I say, I don't see any reason why any of these would fix the issue you're seeing, but as long as you're noodling on the code you might make the changes...

Dave

[skywalker2208]

The problem is this

#bodycontent {
margin-left:150px;
margin-top:-246px;
} 

It covers up your links. You can't see this unless you put a div around your bodycontent div and fill it in with a background color. You can see this in the screenshot I have attached.

[RLighty]

Thanks for your help guys, my problem has now been fixed

Really appreciate your help.