'list-style: none' is not working in IE7

I have set up my ul to use a graphic button that I have created and I am getting mixed results with that in IE7, in FF all is well.

I have set up a div that is floated left, and within that are two more divs floated left to create a two column layout for the ul. When I go to the page there are no buttons, if I refresh, there are no buttons; however, if I minimize IE and then maximize it again, presto, there are the buttons. I can't even begin to explain the mechanics behind that one.

I have another div (div id="sidebar") and in there I do not want the buttons to be visible so I have:

#sidebar ul {
list-style: none;
margin: .5em 0 .5em 10px;
}

Again, this works in FF; however, the buttons stay visible in IE7. The code:

ul {
list-style-image: url(images/bullet1.gif);
}

comes first in the CSS so I would imagine that the list-style:none would take precedence, as it does with FF.

Any thoughts as to what I am missing here?

http://mysite.verizon.net/leupi5/general.html

Thanks,
Todd
.

Loading