Unordered lists - indentation woes in MSIE Mac

[Steve Dorsey]

Hello

I'm creating an unordered list which will be used as a nav element on my
page. I am using the following CSS:

#nav {
position:relati ve;
left:10px;
top:60px;
height:280px;
text-align:left;
z-index: 30;
}

#nav ul {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px;
}

#nav li {
background: url(../images/vertical_list_b kgd.png) no-repeat;
margin: 0px 0px 5px 0px;
}

Here's the HTML:
<div id="nav">

<ul>
<li>
<div class="bl"><div class="br"><div class="tl"><div class="tr">Lore m
ipsum dolor</div></div></div></div>
</li>
<li>
<div class="bl"><div class="br"><div class="tl"><div class="tr">Lore m
ipsum dolor</div></div></div></div>
</li>
<li>
<div class="bl"><div class="br"><div class="tl"><div class="tr">Lore m
ipsum dolor</div></div></div></div>
</li>
</ul>

</div>


My lists look great in Safari & Firefox on Mac and Windows, but in MSIE Mac
there is an indent on all items of the list after the first one, and in MSIE
Windows, there is no background image.

I can't figure out what I'm doing wrong here. Has anyone had this problem
in the past? Anyone know how to fix it?

Thanks

-------------S