I have a work in progress site I am putting together. Within the main header, I have two sets of navigation, one that is on the bottom and one that is on the top.

you you can view it here (work in progress): http://herkimer.livebrad.com

here is a shot of what i don't want it to do: http://i37.tinypic.com/2hycdc1.png

here is a shot of what i want it to look like (this is accomplished by setting the red to a margin-left:-340px; - which i don't want to do): http://i34.tinypic.com/d8dgg.png

the mainheader top nav (red):

ul.mainheadertopnav{
border:1px solid red;
display:inline;
position:absolute;
}

the mainheader sub nav (yellow):

ul.mainheadernav{
border:1px solid yellow;
margin: 0em auto;
background-position: 18% 10%;
xwidth:600px;
padding:0;
xheight:120px;
xposition:absolute;
float:left;
margin-left:20px;
bottom:0%;
margin-top:94px;
}

I want it to look like this, without having to do a negative margin-left: http://i34.tinypic.com/d8dgg.png

Any help is appreciated, thank you!