Sent by Shoshanna Love on 18 February 2006 09:09
Hi all, I know this has been discussed a lot but I must be missing
something important, because nothing I've tried has really worked. I
have a list of image links in a list with no white space between the
li's in the HTML. In Win IE and Firefox a gap appears around the
images. In Safari and Mac IE, it doesn't.
The list is here (with the borders turned on):
http://calreefs.dreamhosters.com/calendar/index.php?page=calendarmain
This is the CSS:
#topnav ul {
width: 175px;
margin: 0;
padding: 0;
list-style-type: none;
text-align: right;
}
#topnav ul li {
margin: 0;
padding: 0;
}
#topnav ul li img {
text-align: right;
display: inline; /* Firefox seems to need this to align img right */
padding: 0;
margin: 0;
}
#topnav ul li a {
padding-right: 15px;
margin: 0;
background: transparent;
}
#topnav ul li a:hover {
background: transparent url(/images/nav/arrow.gif) right center no-repeat;
}
Can anyone tell me how to get rid of the space, or how to make it
consistent?
Shoshanna
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
