menu bar alignment issue in IE6

[bz78]

hi,
I was wondeirng if anyone can help me figure out how to position these menu items so that they start above the photo (not flush left). Adding padding to the menuwrapper div works in FF and IE7 but not in IE6...it just pushes out over the right side. thanks for any ideas you may have.

http://www.brinjac.com/test/about.html

[WebJoel]

<div id="menuwrapper">
<ul id="p7menubar" style="width:500px; margin-left:20px;">
<li><a href="index.html">Home</a></li>
<li><a class="trigger" href="About%20Us.html">About Us</a>
<ul>
<li><a href="staff.html">Our Staff</a></li>
<li><a href="clients.html">Our Clients</a></li>

<li><a href="offices.html">Offices</a></li>... (etc)
Slightly messes-up the width of items below, so some widths will need to be re-stated.

check Line 28: an unnecessary "</h2>" is there. There is no opening of any "<h2>" above it.