div na na cała szerokość ekranu Opcje

[sztosz]

Mam sobie diva

[HTML] pobierz, plaintext 
<div class="header">Content for  class &quot;header&quot; Goes Here</div>
[HTML] pobierz, plaintext 

I do tego CSS'a

Kod

.header {
    background-color: #C8C8C8;
    height: 30px;
    border-width: 1px 0px;
    border-style: solid;
    border-color: #000000;
    margin: 50px 0px 10px 0px;
}

I jak to zrobić żeby był na zupełnie cała szerokość?
Nie wiem czemu zostaje mi po kilka pixeli po bokach tego diva.

Na stronie nie ma nic innego poza tym div'em i żadnych innych stylów.

[mike]

W CSS 2.0 nie ma jakotakiej metody do wyrównywnania w pionie. Poprawione to ma zostać w CSS 3.0. Teraz trzeba zastosować trick:

[HTML] pobierz, plaintext 
<style>
div.container 
{
    height: 100px;
    display: table-cell;
    vertical-align: middle;
}
</style>
 
<div class="container">
  This small paragraph...
</div>
[HTML] pobierz, plaintext 

Niestety działa tylko dla elementów blokowych, które mają określoną wysokość :/