Trying my luck at using sprites for navigation, alas i can't even get any background images to show in an UL... or for that matter even a properly sized anything, just a text list. I have tinkered for 3 days with endless CSS combinations, checking codes... nothing. I havn't even gotten to the hover states yet.Where have i gone astray?
>
</pre>
<ul>
Buy
Cook
About
FAQ
Contact
</ul>
#nav {
width:150px;
height:90px;
margin:0;
padding:0;
background-image: url(../Assets/BarrelNav12.png);
background-repeat: no-repeat;
overflow: hidden;
}
#nav li, #nav a {
height:90px;
display:block;
}
#nav li {
float:none;
list-style:none;
display:inline;
}
#buy {
width: 150px;
height: 90px;
}
#cook {
width: 150px;
height: 90px;
}
#about {
width: 150px;
height: 90px;
}