css för huvud

[Jompan]

Jag försöker få till en heltäckande bakgrund i mitt 'huvud' men min css ger ett vitt fält i ovankant. #E0CEFD-färgen når inte upp!

 

Så här ser min css ut:

 

 

html {
font-size: 12px;
line-height: 150%; 
font-family: tahoma, verdana;
color: #000;
margin: 0;
padding: 0;
overflow-y: scroll;
background: url("../img/bakgrund.jpg") ;
background-attachment: fixed;
} 

#huvud {
height: 60px;
position: relative;
background-color: #E0CEFD;
}	

.bildlogga {
margin-left: 15px;
}

#headline {
position: absolute;
top: 13px;
margin-left: 225px;
font-family: tahoma;
font-variant: small-caps;
font-size: 24px;
font-weight: bold;
letter-spacing: 3px;
}

#navcontainer {
height: 50px;
margin: 20px 0 0 10px;
}	

#container {
margin: 25px auto;
padding: 0;
       width: 800px;
       border: 2px solid #949494;
background: #fff;
text-align: left;
}

 

Och så här börjar jag html-filen:

 

<div id="huvud">

<div class="bildlogga">
<img src="img/logga.gif" alt="KTFs logga" width="175">
</div>

<div id="headline">Katrineholms Riksteaterförening</div>

</div>


<div id="navcontainer">

 

Jag hittar inte var och hur jag ska styra bort det övre vita fältet.

 

Finns det några förslag?

 

// Jompan

[dune]

Hej,

 

Lägg över margin och padding från html till body så borde du få rätt resultat.