Double bullets in IE in nested UL

timjpriebe posted this at 16:43 — 2nd February 2007.

Joined: Dec 2004

I just found problem #2 from my recent redesign of my site and blog. Of course, it's only showing up in IE. But there are double bullets in some places. It appears to be the default bullet in addition to my custom bullet. Also, it only seems to be happening in nested

's.

You can see in the navigation in the main page of my blog:

http://www.getasiteonline.com

Any ideas on how I can fix it?

Tim
http://www.tandswebdesign.com

timjpriebe posted this at 19:49 — 5th February 2007.

He has: 2,667 posts

Joined: Dec 2004

Any ideas? I'm no closer to resolving this.

demonhale posted this at 00:42 — 6th February 2007.

He has: 3,278 posts

Joined: May 2005

Tim, see you have called two CSS right? one for misc/drupal.css and tands.css ...

The problem is you still have a

on your list items, this class calls the default "li" bullet images on your misc/drupal.css . Now add to that another li call on your tands.css on the area:

#main li, #left li {
	list-style: none;
	background: url(images/bullet.gif) no-repeat top left;
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 12px;
}

Which is another bullet call... Just erase the one on the misc/drupal.css "leaf" class call... and everything will get fixed on the bullets...

...

timjpriebe posted this at 14:01 — 6th February 2007.

He has: 2,667 posts

Joined: Dec 2004

Thanks, demonhale! I'll try that out tonight.