Header Centering Problem In Firefox

This centers the header (logo-bg.gif) in IE6 but not in Firefox. Any ideas?

div#globalwrapper { text-align: center; }

/* HEADER ELEMENTS
-------------------------------------------------------------------------*/


div#header { background-image: url(../images/headerbg.gif);
}
/* brand
-------------------------------------------------------------------------*/
div#brand {
background-image: url(../images/logo-bg.gif);

background-repeat: no-repeat;
background-position: top center;

width: 960px;
height: 240px;
}


/* top vertical menu in header

 

Just guessing without the visual but try:

div#brand {
background-image: url(../images/logo-bg.gif);

background-repeat: no-repeat;
background-position: top center;
margin: 0px auto;
width: 960px;
height: 240px;
}

I'm just guessing that the DIV isn't centered

 

Do you have an example we can look at?

 

when you want something to center, put it in parent div and in css for that div write margin:0 auto

 

Putting your content in a table in a div always works. Centering cross browsers is always a pain.