View Single Post
  #5 (permalink)  
Old 30-01-2008, 12:36 PM
ewwatson's Avatar
ewwatson ewwatson is offline
Junior Member
 
Join Date: Jan 2008
Posts: 17
Default

Ya it changes depending on how many tool bars you have etc. Try it moving the window size up and down and you will see what I mean. In another forum a user suggested this - it works in for fire fox perfect - others, not so much. Way over my head

Hi,

You are always going to get rounding errors when using ems and percentages and its just a fact of life.

You could add some padding to the bottom of the anchor and then set the z-index so it goes behind the nav borders.

e.g.
Code:
#nav{position:relative;z-index:2}
#nav li a {
text-decoration: none;
color: #000;
padding: 0 1.6em 1px;
position:relative;
z-index:-1;
}

IE doesn't like this so you would have to put it back for ie.

Code:
<!--[if IE ]>
<style type="text/css">
#nav li a {padding-bottom:0}
</style>
<![endif]-->

</head>
<body id="home">
Although if you are going to add a background color to the nav then the negative z-index won't work as Firefox will place the list behind the background and you won't see it.
Reply With Quote