DIV container e sfondo non centrati.

[platone]

Ho uno sfondo con doppia sfumatura che corre lungo il bordo della pagina centrale (DIV container). Il Container deve essere allineato e centrato con lo sfondo affinchè non si vedano sbavature tra la sfumatura e il bordo della pagina....

La dichiarazione è molto semplice:

div#container{
position: relative;
margin:0;
padding:0;
border:0;
height:100%;

background-image: url(img/sfondo_pagina.gif);
background-repeat: repeat-y;
background-position: center;
}
div#pagina{
position: relative;
margin:0 auto;
padding:0;
height:100%;

border:0px solid #000000;
border-left-width: 1px;
border-right-width: 1px;

width: 774px;
width: "776px";

text-align: left;
}

Il risultato finale è una tabella da 775px (per tutti e due i Browser) che lascia così 1 px di riga verticale fuori "bianca"...

Ho due alternative:
1) allargare il DIV di un pixel
2) ridurre lo sfondo di 1px

Ma la domanda rimane.... perchè una tabella da 774 + 2 di bordo risulta essere grande alla fine solo 775px anzichè 776px?????

[emnlmn]

...
width: 774px;
width: "776px";
...

non ho capito questa parte del css, non so se hai scritto il secondo width per farci capire la dimensione totale con i bordi, o se sia un modo che non conosco per indicare la larghezza...

[platone]

Originariamente inviato da emnlmn
non ho capito questa parte del css, non so se hai scritto il secondo width per farci capire la dimensione totale con i bordi, o se sia un modo che non conosco per indicare la larghezza...

E' un Hack per IE6 giacchè computa i bordi dentro alla larghezza.
Quello funziona