Hey guys - I'm sure I"m just having a brain cramp here, but can anyone help me with this list problem. It's specifically the "danger" div and related ul and li tags. I want them to have bullets - and in IE they don't, while in FF, they are outside the box, when I want them inside the box. I'm sure that this is in part due to my other use of ul and li in the style sheet, but I can't seem to get it to work.

Here is the url: http://www.jessweiss.com/sciatica/index2.html

Its the part about Danger Signs.

TIA!!

Well, you're going to need some specificity here. The CSS affecting the list is as follows:

#danger ul {style_2.css (line 68)
list-style-type:disc;
width:375px;
}

ul {style_2.css (line 135)
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px;
padding:0px;
width:130px;
}

Add list-style-position: inside to the #danger ul section.

The bullets in IE ARE there, but you have to add 20px of left margin in order to see them. This IS a problem in IE, and you'll probably have to use conditional comments to target and fix it.

This is exactly the reason I tend to use background images on my lists and set the list-style to none - you have more control over where your bullet goes.

Thanks so much - knowing that it's an IE thing and not me will definitely help me work around it! I really appreciate your help.