View Single Post
  #3 (permalink)  
Old 08-19-2008, 07:06 PM
billmarshall billmarshall is offline
WebProWorld New Member
 
Join Date: Jan 2007
Location: Scotland
Posts: 8
billmarshall RepRank 0
Default Re: CSS problems with bullets in IE

Without knowing the context of the surrounding code and which version of IE you're having the problem with it's difficult to be exact, however the golden rules for working with lists are:

1. Make sure you have explicitly declared list-style-position to be either inside or outside. IE and Firefox default to different settings for this and it can make a MAJOR difference to the result, including hiding the bullets in some circumstances of surrounding code.

2. Zero the margins and paddings on both the ul and li tags to start with, add a single pixel border on both (different colours so you can tell which is which) so you can see what's happening and then add margin or padding or widths back in as appropriate to the desired result before finally removing the borders.

That will sort it out for you 99% of the time. However having said that I've seen some circumstances where IE6 doesn't support the full range of options on the bullets, so you might not be able to get the look you want on all browsers. You can always experiment with using an image for the bullets using the list-style-image property.

Hope that helps.
Reply With Quote