Forums

FIGURED IT OUT: i had accidentally used .gallery for two styles. Interestingly the other instance didnt have a height either.

Just finished watching the 3 State menu vid. Good stuff. I’m getting a weird error though on one of my buttons, GALLERY. It’s getting a phantom height of 75px (FF, Chrome, IE) and I can’t tell where it’s coming from. It’s making the bg position be all off. It’s a pretty random height amount too so it’s not coming from any ancestor, that I can tell.

Anyone come across similar? BTW, i tried specifying the height as 35px in the a.gallery style and that didnt work.

my style is basically just like the vid:

#main_nav_container {

width: 960px;

height: 35px;

background: url(images/nav_bg.jpg) repeat-x top left;

border-left: 1px solid #666;

border-right: 1px solid #666;

}

ul#main_nav {

list-style-type:none;

}

ul#main_nav li {

display:inline;

}

ul#main_nav li a {

text-indent: -9999px;

display: block;

height: 35px;

float: left;

}

ul#main_nav li a.home {

background: url(images/menu_home.jpg) no-repeat bottom center;

width: 81px;

}

ul#main_nav li a.services {

background: url(images/menu_svcs.jpg) no-repeat bottom center;

width: 106px;

}

ul#main_nav li a.gallery {

background: url(images/menu_gallery2.jpg) no-repeat bottom center;

width: 99px;

}

ul#main_nav li a.clients {

background: url(images/menu_clients.jpg) no-repeat bottom center;

width: 101px;

}

ul#main_nav li a.links {

background: url(images/menu_links.jpg) no-repeat bottom center;

width: 94px;

}

ul#main_nav li a.home:hover, ul#main_nav li a.services:hover, ul#main_nav li a.gallery:hover, ul#main_nav li a.clients:hover, ul#main_nav li a.links:hover  {

background-position: center center;

}

ul#main_nav li a.home:active, ul#main_nav li a.services:active, ul#main_nav li a.gallery:active, ul#main_nav li a.clients:active, ul#main_nav li a.links:active  {

background-position: top center;

}

body#home ul#main_nav li a.home {

background: url(images/menu_home_here.jpg) no-repeat;

width: 81px

}

body#services ul#main_nav li a.services {

background: url(images/menu_svcs_here.jpg) no-repeat;

width: 106px

}

body#gallery ul#main_nav li a.gallery {

background: url(images/menu_gallery_here.jpg) no-repeat;

width: 99px

}

body#clients ul#main_nav li a.clients {

background: url(images/menu_clients_here.jpg) no-repeat;

width: 101px

}

body#links ul#main_nav li a.links {

background: url(images/menu_links_here.jpg) no-repeat;

width: 94px

}