Hello,
http://johnkehm.com/hana
If you look at this page on IE6, the top nav bar has a pretty tall
bottom margin.
I put a green border around it (border may not show in IE7 or Firefox).
It may be a error on my part, but in any case can someone point me to
a good solution?
Any help would be great.
j
Here's the nav css:
/* nav */
.nav{
width: 798px;
height: 51px;
margin: 4px 0 0 0;
padding: 0;
background: url(images/navGradient.gif) top left repeat-x;
border: solid 1px green;
}
.nav ul{
width: 798px;
height: 51px;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #000;
font-weight: bold;
list-style: none;
margin: 0;
padding: 0;
}
.nav ul li{
height: 51px;
margin: 0;
padding: 0;
float: left;
overflow: visible;
background: url(images/navGradientBars.gif) no-repeat;
}
.nav ul li a{
height: 51px;
font-size: 12px;
color: #000;
text-decoration: none;
display: block;
float: left;
padding: 18px 21px 0 21px; /* watch the padding */
margin: 0;
overflow: visible;
}
.nav ul li a.last, .nav ul li a:hover.last{
height: 51px;
padding: 18px 24px 0 24px;
margin: 0;
overflow: visible;
}
.nav ul li a:hover{
height: 51px;
font-size: 12px;
color: #000;
text-decoration: none;
background: url(images/navGradientOver2.gif) top left no-repeat;
display: block;
float: left;
padding: 18px 21px 0 21px; /* watch the padding */
margin: 0;
}
.nav ul li.first{
background: none;
margin: 0;
padding: 0;
}
.nav ul li.first a:hover{
background: url(images/navGradientOver.gif) top left repeat-x;
margin: 0;
padding: 0;
}
a{
font-family: arial, helvetica, sans-serif;
font-size: 11px;
color: #000;
text-decoration: underline;
margin: 0;
padding: 0;
}
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
