Hi all,
I hoped you could help. I’ve been baffeling over this probelm for a while now.
Basically I have a gap inbetween my tabbed navigation and my sub navigation, i’ve check every other
div and it seems to be the list within the subnav div that is causing the problem, but i have no idea why it is doing it.
I’ve checked all padding / margin and even tried negative margins but nothing seems to help.
If anyone could be of any help that would be fantastic.
Cheers,
Tom.
/*------------------ Sub Navigation Links */
#subnav {
background-image: url(../images/muf-img-subnav.gif);
background-color: #f9c823;
width: 900px; height: 31px;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
#subnavlinks ul {
list-style: none;
overflow: auto;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
#subnavlinks li {
display: block;
list-style: none;
border-right: #e09d21 1px solid;
float: left;
padding 0 0 0 0;
margin: 0 0 0 0;
}
#subnavlinks li.last {
border-right: #e09d21 1px solid;
}
#subnavlinks li.first {
padding: 0; margin: 0 0 0 0;
border-left: #e09d21 1px solid;
}
#subnavlinks li a {
display: block;
color: #ffffff;
font-size: 12px;
padding: 8px 10px 8px 10px;
margin: 0 0 0 0;
text-decoration: none;
}
#subnavlinks li a:hover {
background: url(../images/muf-img-over-subnav.png);
}
/*--------IE 6 HACK --->
* html #subnavlinks li a { width: 100% );
