change css to work with firefox

I have made a homepage for my girlfriend and it looks fine in IE but the menu looks messed up in firefox. Can anyone tell me how to fix it? Here is the page: http://agnostic.890m.com/iloveerin.html and here is the css andhtml:

.emkt{
width: 150px;
text-align: center;
border: 7px;
border-style: outset;
border-color: 6f3f3f;
background-color: 4f2f2f;
}
.emkt a{display:block;
font: bold 16px Papyrus;
padding: 2px;
padding-left: 2px;
width: 100%;
color: af7f7f;
text-decoration: none;
border-bottom: 1px solid black;
border-style: inset;
border-color:af7f7f;
}
html>body .emkt a{
width: auto;
}
.emkt a:hover{
padding: 2px;
padding-left: 2px;
background-color: 000000;
width: 100%;
color: efdfdf;
font: bold 16px Papyrus;
border-style: outset;
text-decoration:none;
border-color:af7f7f;
}


<div class="emkt">
<a href="http://mail.yahoo.com" target="_blank">Yahoo Mail</a>
<a href="http://www.myspace.com" target="_blank">Myspace</a>
<a href="http://www.myspace.com/gogobubbles" target="_blank">My Myspace Page</a>
<a href="http://www.marykayintouch.com" target="_blank">Mary Kay In Touch</a>
<a href="http://www.marykay.com/erin.stinson" target="_blank">Mary Kay</a>
<a href="http://www.cc-comp.org/forums" target="_blank">CC-Comp</a>
<a href="http://www.ebay.com" target="_blank">Ebay</a>
</div>