Centering logo in 100% width store

I've been modifying the default blue template to create my store

The last thing I'd really like to get right is to get the logo stting in the center of the header area. I've got Firebug (I'd never have got this far without it) but nothing I do seems to put the logo in the center and keep it there when I change the screen width. In fact many things I've tried just push everything else around.

Any ideas?



Hi there Bruce,

first put a

#my_sign_io {
float: left;
height: 90px;
padding-right: 6px;
padding-top: 6px;
width: 238px;

But I didnt see anything unusual with the logo centering…

There s just the sign in div on the left smaller than the cart div. That all, and this is why is a little bit off


Just show what you mean…

You cant do margin:0 auto, right?

Add this also

.logo-image {
float: none;
margin: 0 auto;
position: relative;
width: 630px;
z-index: 26;

and change this

#my_cart {
float: right;
margin-top: -75px;
padding-left: 6px;
position: relative;
width: 238px;