header is not centered on higher resolution

Hi,
I'm making this header,
it is suitable for 1024*768, but I've just figured that on higher resolutions, the header would not be centered, I've tried adding:
style="background-position: center", but then figured that the text and the banner would be misplaced on one of the resolutions.

any ideas how to do this? or is there a complete different way?

thanks!

 

why can't you just <center></center> it?
looks nice btw

 

thanks... ummm where exactly in the code should I put the <CENTER>? I don't think it would effect the header itself because its a backgroudn image for a cell.....

 

You could just center your whole table
<CENTER><TABLE etc etc etc>

</TABLE></CENTER>

 

ahh tables ... go with css make header div and just margin it to : 0 auto and text-align center and you have it for all resolutions

 

I've tried centering the whole table, it doesn't work
no matter how I've tried to play with it, it would look good only in one of the resolutions 1024*768 or 1280*1024....

I'm not sure how to do it with css:

here's the code, what do I have to add to it?

<DIV><img src="header1.jpg"></DIV>
<DIV class="banner"><img src="mario52.gif"></DIV>
<DIV class="nav">Home | Chat Forums | Chat Guide | Fun Stuff | Online Dating | Contact Us</DIV>

 

anyone?

 

#main {
    width: 90%; /*or whatever width you prefer*/
    margin: 0 auto;
    }
========
<table id="main">
  ... the page
</table>

Code (markup):

Be sure to use a complete and proper DTD so that IE recognizes {margin: auto;}.

cheers,

gary