> My questions are:
> How can I get rid of the white borders between the navigation images?
> Why do my background images no shift on hover?
Your background didn't change on hover because you were trying to change the
background position on the <a>nchor element which is display: inline by
default. Try setting the background on the image as in:
#navbar {
height: 30px;
overflow: hidden;
}
#navbar ul {
border: 0;
margin: 0;
padding: 0;
overflow: hidden;
list-style-type: none;
}
#navbar ul li {
border: 0;
margin: 0;
padding: 0;
position: relative;
overflow: hidden;
display: inline;
}
#navbar ul li a:link img, #navbar ul li a:visited img {
position: relative;
left:-41px;
top:-98px;
border: 0;
margin: 0;
padding: 0;
background-image:url(afbeeldingen/bgwig.png);
background-repeat: no-repeat;
background-position: -32px 37px;
}
/*
#navbar ul li a.first {
background-image:url(afbeeldingen/bgwig.png);
background-repeat: no-repeat;
background-position: -52px 90px;
}
*/
#navbar ul li a:hover img {
position: relative;
left:-41px;
top:-98px;
border: 0;
margin: 0;
padding: 0;
background-position: -52px 0px;
}
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phone/fax: (732) 302-0904
______________________________________________________________________
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/
