Div not expanding .

Div won't allow content.

[webenvy]

Hi,

I apologise in advance if this has been posted somewhere and I've missed it ...

I can't seem to get the main div that holds the content to properly adjust, I've tried auto, etc. Any idea on what's happening?!

<snip>

My css is posted below and its the #atc-04 div I'm referring too ~`

body { 
background-color: #D8DBEB;
}
* html #atc-04 { 
height: 99%; 
}
h1 {font-size: 150%}
h2 {font-size: 120%; color: #cccccc;}
p {font-size: x-small}
ul {font-size: x-small}
#atc-01 {
position:absolute;
left:0px;
top:0px;
width:614px;
height:99px;
}
#atc-02 {
position:absolute;
left:614px;
top:0px;
width:280px;
height:137px;
}
#atc-03 {
background-image: url("images/atc_03.gif");
position:absolute;
left:0px;
top:99px;
width:240px;
height:455px;
}
#atc-04 {
background-image: url("images/atc_04.gif");
position:absolute;
left:240px;
top:99px;
width:374px;
height: 856px auto;
font-family: tahoma;
color: #ffffff;
text-align: left;
}
#atc-05 {
position:absolute;
left:614px;
top:137px;
width:280px;
height:135px;
}
#atc-06 {
position:absolute;
left:614px;
top:272px;
width:280px;
height:136px;
}
#atc-07 {
position:absolute;
left:614px;
top:408px;
width:280px;
height:137px;
}
#atc-08 {
background-image: url("images/atc_08.gif");
position:absolute;
left:614px;
top:545px;
width:280px;
height:9px;
}
#atc-09 {
position:absolute;
left:0px;
top:554px;
width:894px;
height:46px;
}
#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
#navcontainer li { margin: 0 0 0 10px; }
#navcontainer a
{
display: block;
padding: 10px 2px 2px 24px;
width: 222px;
height: 36px;
background-color: #999;
background-image: url(images/over.jpg);
}
#navcontainer a:link, #navlist a:visited
{
color: #fff;
text-decoration: none;
}
#navcontainer a:hover
{
background-color: #999;
background-image: url(images/down.jpg);
color: #ffffff;
}
#active a:link, #active a:visited, #active a:hover
{
background-color: #999999;
background-image: url(images/down.jpg);
color: #ccc;
}
#quick 
{
display: block;
padding: 10px 2px 2px 24px;
}
#quick a:link
{
color: #ccc;
text-decoration: none;
}
#quick a:hover
{
color: #ccc;
text-decoration: underline;
}
#quick a:visited
{
color: #ccc;
text-decoration: none;
}
div#footer{background: #293042;color: #cccccc; text-align: center; border-top: 1px black solid;}
div#footer p{margin:0;padding:5px 10px; font-size: x-small;}
#footer a:link
{
color: #ccc;
text-decoration: none;
}
#footer a:hover
{
color: #ccc;
text-decoration: underline;
}
#footer a:visited
{
color: #ccc;
text-decoration: none;
}

Thanks,
Jennifer

[edited by: Robin_reala at 9:53 pm (utc) on Aug. 6, 2007]
[edit reason] Removing URL as per TOS #13 [webmasterworld.com] [/edit]

[Marshall]

Jennifer,

Your link is not working, but probably as well. You are not allowed to post links on the forums.

Regardless, first I suggest not using numbers in your CSS, i.e #atc-08. Second, I looked at your regular pages and noticed no Content Type declaration, i.e.
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

If you haven't already, validate both your HTML and CSS and see if you can find the problem there.

Marshall