borders on link hove issue in IE

Please please help me before I go insane :eek:

The menu I am working on is located at www.beavercreekranch.ca (http://www.beavercreekranch.ca) If you look at it in FireFox, it's fine, but if you look at it in IE, the top menu is not following it's CSS instructions. The source for the menu looks like this: <span class="mainlevel-nav"> | </span><a href="index.php?option=com_frontpage&amp;Itemid=1" class="mainlevel-nav" id="active_menu-nav">Home</a><span class="mainlevel-nav"> | </span><a href="index.php?option=com_content&amp;task=view&amp;id=11&amp;Itemid=33" class="mainlevel-nav" >Mambo License</a><span class="mainlevel-nav"> | </span> (Code for the first two link - I will not punish your eyes with the rest)

Here is the section of the stylesheet that applies to linkage. I am working with .mainlevel-nav but I have included all linkage in the order it appears in the CSS file to make sure I am not missing something:
/* ############## PATHWAY AND BOTTOM BUTTON BAR ############## */
.pathway {
color : #1E6278;
}

a.pathway:link, a.pathway:visited {
color : #1E6278;
font-weight : normal;
text-decoration : none;
}

a.pathway:hover {
color : #1E6278;
font-weight : normal;
text-decoration : underline;
}

/* ################### MAIN AND SUB MENU SYSTEM ################### */
.mainlevel-nav {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #ffffff;
}

a.mainlevel-nav:link, a.mainlevel-nav:visited {
color : #FFFFFF;
text-decoration : none;
}

a.mainlevel-nav:hover {
color : #ffffff;
background-color : #000000;
border-bottom : 1px solid #ffffff;
border-top : 1px solid #ffffff;
}

.mainlevel {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
}

a.mainlevel:link, a.mainlevel:visited {
color : #1E6278;
text-decoration : none;
}

a.mainlevel:hover {
color : #1E6278;
text-decoration : underline;
}

.sublevel {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 9px;
}

a.sublevel:link, a.sublevel:visited {
color : #1E6278;
text-decoration : none;
}

a.sublevel:hover {
color : #1E6278;
text-decoration : underline;
}

/* ###################### LINKS ###################### */
a {
color:#09c;
font-size:11px;
text-decoration:none;
font-weight:600;
font-family:verdana, arial, helvetica, sans-serif;
}
a:link {color:#09c;}
a:visited {color:#09c;}
a:hover {background-color:#eee;}

a.category:link, a.category:visited {
color : #1E6278;
font-weight : bold;
letter-spacing : 1px;
text-decoration : none;
}

a.category:hover {
text-decoration : underline;
}


WHY is this not working???

-Tai

just getting this when I try your link:

Error - piracy attempt!

This copy of SEF advance is licensed for site(s):
bargainbucket.biz
phonerecorder.biz
You are trying to run it on: beavercreekranch.ca

Visit http://www.sakic.net to purchase a valid license of SEF advance for your site.

???

Not a pirate, honest :confused: