hyperlink color-Firefox works IE. dosen't

I need help from a pro, please and thank you!
My links are supposed to be color #333333 (light black) and not underlined, when you put the mouse over the link the text color changes to pink and is underlined.
In internet explorer, the active links are the wrong color and underlined. In mozilla firefox, they are fine. When you put the mouse over the link it works fine in both browsers here is the code:

CSS:
.menu_sub {
font-family: "Times New Roman", Times, serif;
font-size: 12px;
font-style: normal;
color: #333333;
position: absolute;
left: 16px;
text-decoration: none;
}
a:link {
color: #333333;
text-decoration: none;
}
.menu_sub a:hover{
text-decoration: underline;
color: #FF99FF;
}

.left_nav_title {
font-family: "Times New Roman", Times, serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
font-variant: normal;
color: #333333;
text-decoration: none;
position: absolute;
letter-spacing: normal;

}
htm:
<div class="left_nav" >
<span class="left_nav_title"><a href="#">Home</a></span><br>
<span class="left_nav_title">Vibrators</span><br>
<span class="menu_sub"><a href="#">-Rabbit Vibrators</a></span><br>
<span class="menu_sub"><a href="#">-Realistic Vibrators</a></span><br>

Thank you very much in advance.

 

Maybe it is because you don't have .menu_sub infront of this:

a:link {
color: #333333;
text-decoration: none;
}