Hi,

I am struggling to center a logo, using a <h1> tag and CSS.

I have the following so far:

Code:
#header{
  height: 65px;
  background-color: #ffffff;
  border-bottom: 5px solid #808080;
}
#header .container{
  width: 990px;
  margin: auto;
}
#header h1 {
	display:block;
	width: 250px;
	height:46px;
	text-indent:-9009px;
	color:Blue;
	background:transparent url(images/logo.jpg) no-repeat 0 0;
	float: right;
	}
#header h1 a {
	display:block;
	width:100%;
	height:100%;
	outline:none;
	}
Html
Code:
<div id="wrapper">
		<div id="header">
		<div class="container">
			    <h1><a href="http://www.logo.com">logo</a></h1>
		</div>
        </div>
</div>
Could someone please help me to get the logo to align in the center of the screen?

Many Thanks for your time.

Al