Plz take a look at my code & tell me why this is happening?? : Driving me NUTZ!!!

[Draeger]

This is driving me absolutely NUTZ!!!!!

I'm creating a website from a template for my Fire Service USAR ( Urban Search & Rescue ) team.

We are entering a team to compete in the World Rescue Orginisation 2008 Challenge in Cardiff, Wales in July this year.

I've used a free template to base the site on and it's coming along nicely, but there is one thing that is seriously driving me up the wall.

I've put it up on a spare domain I have just now at:-

www.sandy-shores.co.uk

The issues I am having with it is that the first time ever that you go to the url and browse it, the nav buttons on the left of the page are behaving strangely.

If you look at it, upon hovering your mouse over the nav buttons, they all initially change to white each time before clicking on them.

The text position within the nav buttons appears shifted out and not inline and the text font size also appears as it should not be.

However..........once all buttons have been clicked on and all pages visited, upon returning to the Home page, all font/text sizes are as they should be and they no longer are highlighted in white during "mouse over".

I'm coding this within Dreamweaver CS3 and within that, if I go to "Preview in IE" everything looks fine and works as it should.

It's only once I upload the files to my web space that this "white/wrong text size" issue appears, but only initially, once all nav buttons have been "clicked" on, they all work as they should.

Any ideas as to why this is happening???!!!.

I'm getting driven up the wall trying to work this one out!!!

Any assistance is truly appreciated!!!

 

[jonislost]

a.menu
{
	text-decoration: none;
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}
a.menu:hover
{
	text-decoration: underline;
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
a.menu:visited
{
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}

The above is from your style sheet. You have a before and after style for the links on the homepage. Before its set that the font size is 11 then afterwards its set to 10? I could be very wrong as i don't know anyhting about css lol or html or computers in general...

Edit: ah just saw that you said you got it from a template, so this probably is the problem then...