[SOLVED] menu position in IE: ignores container padding/margins

Hi,

So I'm trying to get the site finalized, only now am I checking how it looks in IE.
toadthejournal.com

I fixed a couple major problems, but am still trying to cope with the menu--I don't totally understand the CSS for it, I just know it looks good in Mozilla.

Here's the call for it, after the header:
<!-- Header -->
<td id="header" colspan="<?php echo $cols; ?>">

<?php bfa_header_config($bfa_ata['configure_header']); ?>

<?php wp_nav_menu( array( 'sort_column' => 'menu_order', 'container_class' => 'menu-header2' ) ); ?>

</td>
<!-- / Header -->

And here's the CSS for it:

<!-- top menu -->

.menu-header2 {
padding-top:0em;
padding-bottom:0em;
width: 100%;
text-align: center;
}

.menu-header2 ul {
position: relative;
top: -.41em;
margin-left: -2.19em;
margin-right: 2.27em;
list-style: none;
width: 100%;
}

.menu-header2 li {
background: #438d33;
margin-right: .29em;
float: left;
}

.menu-header2 li a {
height: 1.56em;
float: left;
margin-top: 0em;
line-height: 1.56em;
margin-right: 0em;
width: 7.5em;
border-right: .19em solid #000000;
border-left: .19em solid #000000;
border-bottom: .19em solid #000000;
border-top: .19em solid #000000;
color: #000000;
text-decoration: none;
font-weight: bold;
text-align: center;
padding-right: 0em;
}

.menu-header2 a:hover{
background-color: #2f7a00
}


I had to add "margin-left: -2.19em;" to the UL in order to get it to align with the very left edge of the container in Mozilla. Looking at IE, though, it already had been "totally left," and is now over-corrected (spilling onto the
background on the left side).


Also...
In case anyone knows an easy answer, I'll mention that the last button wraps in IE, but not in Mozilla. I will search the forums for this...


Thanks,
ES