Centering the logo...tried everything I've read to try!

I have read the FAQ and I'm pretty sure I did what it says right. When that didn't work, I searched online and searched here and tried what people said to try in the threads, but to no avail.

This is a new install.
I'm not entirely familiar enough with CSS or PHP to be able to tell what I'm doing wrong.

I tried to use text-align: center and from what I can see, my code looks just like what it's supposed to, but that logo is still stuck left.

When I view the site in FF, the logo just isn't centered. In Safari, in addition to not being centered, there is a weird broken image box with a link over top of the header.
I'm confused.
Any help is greatly appreciated.

The site is www. t i t u s p b .com/zencart

in your style sheet find

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
float: left;
}

Take the #logo out and give it its own style
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
float: left;
}
start a new style for logo
#logo{
text-align:center;
margin-top:0px;
margin-bottom:0px;
padding:0px;
}

Or
#logo{
display: block;
{

Tried both of those, but the logo is still on the left. Any more ideas?
Thanks for your help.

You could add a margin-left: and adjust it until the logo is centered.

some small modification should fix it .
modify width and add background-position to the logowrapper

#logoWrapper {
background-image: url("../images/header.jpg");
background-position: center center;
background-repeat: no-repeat;
height: 150px;
margin: 0 auto;
text-align: center;
width: 100%;
}

Thank you so much! Worked like a charm!! :clap: