Website Header

[Aaron]

I want to put the string "Canforce" centered over top of my banner on the site, but I'm having difficulties. Heres the link: http://www.canforce.org . It should go in the topbanner div, but I'm having issues centering it. Here's the code:

<div id="container">
<div id="logos">
 <div id="proudcanadian">
<img src="http://www.canforce.org/lib/skins/canforce_1307/images/proudly_canadian.gif" border="0" alt="Proudly Canadian"  style="float:left;" />
 </div>
 <div id="vatcan">
<a href="http://www.vatcan.org" target="_blank"><img border="0" src="http://www.canforce.org/lib/skins/canforce_1307/images/VATCAN.jpg" alt="VATCAN" style="float:right;" width="83" height="20"/></a>
 </div>
    <div id="mainlogo">
<img src="http://www.canforce.org/lib/skins/canforce_1307/images/logo.gif" border="0" alt="logo"  style="position: relative; left:-35px; padding-top:25px; float:left;" width="65" height="65"/>
 </div>
 </div>

 <div id="topBanner<?php echo rand (1,9)?>">
    </div>
<div id="topNav">
 <ul>
  <?php
  /* You can modify this template into a table or something, by default
   it's list elements inside of a UL. Here's a link with some info:

   http://articles.sitepoint.com/article/css-anthology-tips-tricks-4/2
   */
  Template::Show('core_navigation.tpl');
  ?>
 </ul>
</div>

#container
{
margin-left:auto;
margin-right:auto;
margin-top: 0px;
margin-bottom: 0px;
width:760px;
background-color: #FFF;
padding:10px;
clear:both;
}
#logos {width: 760px; height: 60px; text-align: center;}
#topBanner1 { background: url(images/banners/bnnr-aurora.jpg); width: 760px; height: 80px;}

[Aaron]

Once again it's done, but there are IE compatibility issues. Any ideas.

[Aaron]

#sitetitle { padding-top:30px; width: 760px; height: 50px; text-align: center;}

 <div id="topBanner<?php echo rand (1,9)?>">
    <div id="sitetitle">
    <p style="margin:auto; color:white; font-size:22px;"><b>Canforce</b></p>
    <p style="margin:auto; color:white; font:normal 1em Geneva, Arial, Helvetica, sans-serif "Courier New", Courier, monospace Arial;">www.canforce.org</p>
    </div>
    </div>

[Zach]

You could try something like:

#topBanner1 { background: url(images/banners/bnnr-aurora.jpg);
width: 760px;
height: 80px;
Margin-left:auto;
Margin-right:auto;
}