Simple problem with CSS

This seems like it is a simple fix, but I can't seem to figure it out.

I'm trying to put a text menu in a menu bar in my header, but the background image seems to be blocking it, causing the menu align to the left and wrap below the image.

The image that's causing the problem is in two places in my style sheet.

Here:

div#wrapper {
margin: 0 auto;
padding: 0px;
line-height: 1em;
background: #ffffff url('bg-header.png') repeat-x top left;
}

and here:

table#header {
width: 100%;
padding: 0px;
background: url('header.png') no-repeat top left;
vertical-align: top;
line-height: 0em;
margin-bottom: 15px; margin-left:0px; margin-right:0px; margin-top:0px
}

Which one could be causing this problem and how do i fix it?

Thank you for your help!