MAC explorer wont support CSS

Okay, so I recently discovered an error on my website www.hamidyouth.tk when I was at school. MAC browsers dont support the CSS style that i used in my website.

check it out at www.hamidyouth.tk > "soon to be updated" (the golden navigator doesnt work)

How can i fix this? I use dreamweaver...
Hope you canhelp me out here, thanks!

Show us your code for the CSS

its the "a.menu" tag which doesnt work...



<style type="text/css">
<!--

HR
{
COLOR: #A28543;
}
a
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
text-decoration: none
}
a.menu
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none
}
A:link
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000000;
text-decoration: none
}
a.menu:link
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none
}
a:visited
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000000;
text-decoration: none
}
a.menu:visited
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none
}
a:active
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000000;
text-decoration: none
}
a.menu:active
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #FFFFFF;
text-decoration: none
}
a:hover
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
background-color:#A28543;
}
a.menu:hover
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000000;
text-decoration: none;
background-color:
}
-->
</style>

anyone?