hi, i have designed http://www.arkwork.co.uk/ and i am wondering

how to apply the box model hack, i have done it for the width but not for the height as it seems to go wrong. Can anyone help me out?

Thanks


Heres my css:

=====================================================

body{
background-color: #fff;
padding: 0;
margin: 0;
font-family: georgia, arial, verdana, serif;
font-size: 90%;
line-height: 1.4em;
color: #000;
}

a:link, a:visited{
color: #00f;
}

a:hover{
color: #800080;
}

img{
display: block;
}

p{
margin: 0;
padding: 0 0 20px 0;
}

#menu{
padding: 32px 0 0 54px;
margin: 0;
width: 534px;
height: 96px;
background-image: url(images/imgheader_menu.gif);
background-repeat: no-repeat;
}

* html #menu{
width:588px;/*for ie5.x win */
w\idth:534px;/*for ie6*/
}

#menu ul, li{
padding: 0;
margin: 0;
list-style-type: none;
list-style: none;
}

#menu li a{
height: 39px;
width: 160px;
}

#menu a.home:link, a.home:visited{
padding: 0;
margin: 0;
display: block;
background-image: url(images/menu_home.gif);
}

#menu a.contactus:link, a.contactus:visited{
padding: 0;
margin: 0;
display: block;
background-image: url(images/menu_contactus.gif);
}

#menu a:hover{
background-position: 0 -39px;
}

.quote{
margin: 0;
padding: 0;
background-color: #e6e6e6;
font-weight: bold;
color: #666;
}

.start{
margin: 0;
padding: 28px 28px 16px 28px;
background-image: url(images/quotestartbg.gif);
background-position: 0 0;
background-repeat: no-repeat;
}

.end{
margin: 0;
padding: 0px 28px 28px 28px;
background-image: url(images/quoteendbg.gif);
background-position: bottom;
background-repeat: no-repeat;
}

.quotestyle{
color: #600;
}

#wrapperbg{
background-image: url(images/wrapperbg_white.gif);
background-position: top;
background-repeat: no-repeat;
width: 100%;
height: 540px;
}

#wrappercontent{
margin: 0 0 0 -294px;
padding: 0;
position:absolute;
top: 11px;
left:50%;
width:588px;
height: 500px;
}

#imgheadertop{
width: 588px;
height: 62px;
background-image: url(images/imgheader_top.gif);
background-repeat: no-repeat;
}

#ad{
width: 560px;
height: 188px;
background-image: url(images/imgheader_ad.gif);
background-repeat: no-repeat;
}

#firstheadingplusbg{
width: 550px;
height: 38px;
padding: 0;
margin: 0;
}

#content{
padding: 0 96px 0 55px;
margin: 0;
background-image: url(images/textbg.gif);
background-repeat: repeat-y;
background-position: bottom;
}

#content img{
padding: 0;
margin: 15px 0 13px 0;
}

#footer{
padding: 0 0 20px 0;
margin: 0;
font-size: 11px;
color: #666;
}

#footer p{
padding: 10px 0 0px 0;
margin: 0;
}

#footer img{
padding: 0;
margin: 15px -80px 10px -55px;
}

#cuthere{
padding: 0;
margin: -10px -80px 25px -55px;
}

form{
padding: 10px 0 0 0;
margin: 0;
font-family: georgia, arial, verdana, serif;
font-size: 90%;
font-weight: bold;
line-height: 1.4em;
color: #666;
}

form p{
padding: 0 0 12px 0;
text-align: left;
}

input{
width: 270px;
}

input,textarea{
background-color : #F0F0F0;
border : 1px solid #ccc;
color : #383838;
}

textarea{
width: 432px;
height: 100px;
}

#submit{
width: 6em;
margin: 10px 10px 0 0;
font-family: georgia, arial, verdana, serif;
font-weight: bold;
}

#reset{
width: 6em;
margin: 10px 10px 0 0;
font-family: georgia, arial, verdana, serif;
font-weight: bold;
}

.results{
font-family: georgia, arial, verdana, serif;
font-size: 0.9em;
font-weight: bold;
color: #666;
}

=====================================================