box hack ie6

[Anonymous]

I have a page that is enclosed in the following wrapper:

#wrapper
{
color: #000;
margin: 10px auto;
padding: 0;
width: 750px;
background: #fff;
}

I also have the following content classes:
#pagebody
{
padding: 0;
margin: 0;
border: 0;
text-align: left;
color: #091A37;
clear: both;
}

#pagina
{
float: left;
margin: 10px 10px 10px 0;
padding: 0 10px 0 0;
width: 750px;
/* box model hack */
voice-family: "\"}\"";
voice-family: inherit;
width: 710px;
font-size: 9px;
}

The problems are the following:
in #pagina
If I don't put a box model hack in this class, the wrapper increases by about 40 (could be 50) pixels. Although the hack fixes the wrapper problem it obviously limits the width of my #pagina content to 710px.

How can I fix this so the wrapper doesn't increase in size and I can use the full 750px of the #pagina.

Hope I have explained this well enough

many thanks

 

[Anonymous]

The box model hack exists because IE does the box model wrong.

As defined in the box model padding, margin, borders, and content are looked upon to get the full dimensions of the element.