Problem mit HTML sowie CSS

[David _S]

Hallo, ich habe seit heute wo ich ein mitlaufender Kopf sowie ein mitlaufendes Menüband habe ein Problem. Im Kopf/Überschrift ist ein Bild, die von einer Box umgeben ist. Die Box wird aber bis zum Rand nach Rechts gezogen. Hier was in der CSS steht:

[#]kopf {
width: auto;
height: 70px;
background-color: #FAF9F8;
margin: 0px 0px 15px 0px;
padding: 0px 15px 0px 15px;
box-shadow: 2px 2px 2px 0px #515151;
-moz-box-shadow: 2px 2px 2px 0px #515151;
-webkit-box-shadow: 2px 2px 2px 0px #515151;
overflow: hidden;
position: fixed;
top: 1rem;
border-color: #FFF;
}

Und hier die HTML:

<div id="kopf">
	<h1><a href="index.html">
	<img src="bilder/logo.png" alt="Logo" width="50%" height="50%"></a></h1>
</div>

Vielen Dank im voraus David