No replies
Alienfeet
Alienfeet's picture
Offline
Regular
Last seen: 11 years 47 weeks ago
Timezone: GMT+1
Joined: 2006-05-24
Posts: 25
Points: 2

Hi there,

On my site: http://www.marksmanproof.co.uk/websites/marksman/

The pop-up menu under the 'SERVICES' button appears fine in IE6 & IE7 but it is slightly higher in FF. I'm using an 'IF' statement in the html for IE6 but I don't know how to use it for FF (if this is the correct way of doing it).

Any ideas anyone, help is much appreciated. Here is the CSS I have used for my main nav and pop-up menu:

/*---------------------Main Navigation--*/

#mainnav {
width: 520px;
height: 210px;
background-image: url(../assets/pageimages/globe.jpg);
background-repeat: no-repeat;
}
#mainnav ul {
margin: 0px 428px 0px 0px;
padding: 85px 0px 0px 0px;
list-style: none;
text-align: right;
}
#mainnav li {
display: inline;
position: relative;
}
#mainnav a:link, #mainnav a:visited {
display: block;
font-size: .7em;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
color: #041931;
padding-bottom: 5px;
}
#mainnav a:hover {
color: #6d4021;
}

/*---------------------Pop-up Menus--*/

#mainnav li ul {
display: none;
position: absolute;
padding: 0px;
margin: 0px;
text-align: left;
width: 200px;
top: -1px;
left: 0px;
}
#mainnav ul li:hover ul {
display: block;
}
#mainnav li ul li a:link, #mainnav li ul li a:visited {
color: #6d4021;
padding-left: 10px;
}
#mainnav li ul li a:hover {
color: #041931;
}