ciao a tutti,
cercherò di essere breve questo è il codice incriminato:

<html>
<body>
<div id="page_bg" class="margini">
</div>
</body>
</html>

html,body{margin: 0px;height: 100%;}

html{background-color: black;}

body{background-color: gray;border: aqua 1px solid;}

.margini{margin: 8px auto 8px auto;}

#page_bg{width: 95%;height: 90%;background-color: red;}

con questo codice visualizzo tutta la pagina gray con il bordo acqua che eccede il 100% di 2 px e compare la barra verticale di scorrimento, al centro staccata dal bordo superiore il riquadro rosso.

se provo a togliere il bordo al body per non vedere la barra verticale sembra che il margine impostato sul div si sposti sul body e vedo il trafiletto di 8px nero poi il riquadro rosso con a fianco il grigio del body che supera il 100% della pagina di 8px e compare la barra verticale.

dove ca...volo sbaglio???
perchè non vedo quello che vedevo prima meno il bordo?? ho eliminato solo quello....

aspettando di far luce sulla questione vi ringrazio anticipatamente.