Navigation problems

1

Hi all,

Just wondering if someone can help me with this menu positioning problem, it also appears to be sitting awkwardly in FF too.

I have attached the CSS file and the HTML file

Cheers

Deringer

P.S. I also seem to be missing a link within the navigation too.


<style type="text/css">


.slidedoormenu{
list-style-type: none;
float:left;
margin-top:5px;
padding: 0;
width: 181px; /* width of menu (don't forget to add border with below!) */
border-left: 8px solid green; /* thick left border of menu */

}

.slidedoormenu li{
border-bottom: 1px solid #885b5c; /* Gray border beneath each menu item */
width:181px;
}

.slidedoormenu li a{
background: white url(images/vstrip.gif) repeat-y left top; /* Background image positioned to the left(v) top(h) corner initially */
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
display: block;
color: black;
width: 181px;
border-bottom: 1px solid white; /* White border beneath each menu item link, to add depth */
padding: 5px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 8px;
text-decoration: none;
}

.slidedoormenu li a:visited, .slidedoormenu li a:active{
color: black;
}

.slidedoormenu li a:hover{
background-position: -387px 0; /* Shift background image horizontally 387px, or the start of the 2nd background image */
color: black;
}

.slidedoormenu li.lastitem, .slidedoormenu li.lastitem a{
border-bottom-width: 0; /* For last menu item within menu, remove bottom border */
}

.slidedoormenu li.lastitem a{
padding: 8px 0; /* increase vertical border of last menu link by 2px (default is padding: 7px 0) to account for removed border width */
}

</style>

<!--[if IE]>
<style type="text/css">
.slidedoormenu li a{ /* Menu link width value for IE */
width: 181px;
}
</style>
<![endif]-->



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<META NAME="Title" CONTENT="Castlehill Reservoir Trout Fishery">
<META NAME="Author" CONTENT="Craig Gordon">
<META NAME="Description" CONTENT="Castlehill Reservoir Trout Fishery Trout Fishing in Perthshire">
<META NAME="Keywords" CONTENT="Castlehill Reservoir, Castlehill, Trout Fishing, Fishing, Pike Fishing, Fishing Scotland, Boat Fishing, Pike, Reservoir, Yetts o Muchart, Dollar, Scottish water">
<title>Castlehill Fishery > Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<head>
<link rel="stylesheet" type="text/css"href="main.css" />
<link rel="stylesheet" type="text/css"href="navigation.css" />
</head>
<body>

<div id="container">

<div id="banner">
    <img src="images/newbanner.gif" alt = "banner"/>
</div>

<ul class="slidedoormenu">
<li><a href="">Home</a></li>
<li><a href="" >About Us</a></li>
<li><a href=">Gallery</a></li>
<li><a href="">Prices</a></li>
<li><a href="">Location</a></li>
<li class="lastitem"><a href="">Contact</a></li>    
</ul>

    <div id="image">
        <img src="images/newpicban.gif" alt="mainbanner"/>
    </div>

<div id = "bar">
</div>