Hi,
I know how to center an image using css and html where the image source is in the html, but what do I do in this case where I'm trying to center a css image substitution. Here's my code with it not centered:

.theLogo{
position:absolute;
top:10px;
left:80px;
width:143px;
height:165px;
background:url(images/Logo.jpg);

}
#logo a {
position:absolute;
top:10px;
left:80px;
width:143px;
height:165px;
}
#logo a:hover {
background:url(images/Logo.jpg) no-repeat 0px 0px;
}

--------->XHTML:



<div class ="theLogo"></div>

<div id="logo">
<a href="#"></a> </div>



this works fine but I can't figure out how to center it. Any help would be great. Thanks. You can see this site at :http://www.eclipsedesign.net/mobile/