I am trying to center-align an image inside of a div contained in a 940px width page.

```
<div class="header">

   <img class="logo" href="x"/>

   <ul class="topLinks">
     <li>blah</li>
   </ul>

</div>

```

I have the "topLinks" ul floated to the right. I would like to center the logo class relative to the entire 940px page. The only way I was able to center the logo was to use the html attribute 'align="center"' (I know it is deprecated), but it is only centered relative to the floated topLinks and not the entire page.

I am trying to get the image to be in the center of the 940px container while having the topLinks floated directly to the right of it.