Hyperlink Space

Hi,

This is my code


<div id="left"></div> <div id="right"> <a class='menu' href='' >Home |</a><a class='menu' href='' >Rota |</a><a class='menu' href='' >Rota |</a><a class='menu' href='' >Rota |</a><a class='menu' href='' >Rota |</a> </div>



#left {

float:left;
width:607px;
height:164px;
background-image:url(images/leftheader.png);


}

#right {

margin-left:88px;
height:164px;
background-image:url(images/rightheader.png);



}

a.menu {font-family:Georgia,serif; font-size:25px; text-decoration: none; margin-right:500px; top:50px; position:relative;
text-align: left;}
a.menu:link {color:white; text-align: left;}
a.menu:visited {color: white; text-align: left;}
a.menu:hover {border-bottom:1px solid lightblue; text-decoration: none; text-align: left; }
a.menu:active {color: white;text-decoration: none; text-align: left;}


The problem is there is a hugh space between each link. Any reason why

Thanks

The problem is there is a hugh space between each link. Any reason why

Maybe because of the huge right margin of 500px you apply to the anchors in your stylesheet?

Oops didnt notice that. That worked thanks