Thanks for replying, but it's the "height" not "width" that I need to set.
Here is the css that I mad some changes to as these are the culprits.
PHP Code:
html {
/*overflow:hidden;*/
}
body{
background-color: #ffffff;
font-family: tahoma, arial, sans-serif;
font-size: 10px;
text-align: center;
background-position: 0px 0px;
margin: 0 auto;
padding:0;
height:100%; /*this is what I need*/
border:none;
background-image: url(../images/background.gif);
overflow:auto;
}
#container {
margin: 0px auto;
width: 780px;
border-color: #000000;
border-width: 0px 1px 1px;
border-style: solid;
}
#categories{
margin-bottom: 1px;
padding: 1px 1px 1px 0px;
border-color: #000000;
border-width: 1px 1px 1px 0px;
border-style: solid;
height:100%!important; /* real browsers */
height:100%; /* IE6: for min-height*/
min-height:100%; /* real browsers */
position:relative;
}
.categories{
margin-bottom: 1px;
padding: 1px 1px 1px 0px;
border-color: #000000;
border-width: 1px 1px 1px 0px;
border-style: solid;
height:100%!important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
position:relative;
}
Cheers
West