I have quite a <div> layout problem. You may view the companion site to this post here: http://www.puestic.terryhaffner.com . Internet Explorer and Opera (the browser I was first testing with) are the only browsers that will display this page properly. Mozilla/FF, Netscape display this page with both a break, and the background colors run together. I am able to get the div back up...I will probably just have to put fixed widths on and that will be quite easy, but I am not able to get the background colors to go correctly. It seems that the <div id="holder"> section is not extending in the three other browsers, and I am unable to figure out why this is happening.

www.puestic.terryhaffner.com to view what is going on!

WORKS IN: Opera, IE
DOESN"T WORK IN: Mozilla/FF, Netscape

I tested in a few browsers on Mac OS X:
IE: Works.
Safari, Firefox, Camin: All content is lose, its not all in a big box...

I'm afraid I can't help any more, I am terrible at sorting out stuff like that, especially with the darned div tags. lol.

Problem solved...well cept for a few minor errors but it looks a lot betta!

Here is the new ss for all who would like to see how the problem was fixed. Old ss still on net!

html, body{
font-family: Verdana, Georiga, Arial, sans-serif, Times;
font-size: 10pt;
text-align: center;
}

body{
background-color: #EEEEEE;
}

div#holder{
width: 90%;
margin: auto;
height:700px;
background-color: #FAFAFA;
border: 1px solid #000000;
}

div#header{
width: 100%;
float: left;
padding: 0px 15px 0px 0px;
background-color: #FFFF00;
margin-bottom: 15px;
}

div#nav{
width: 100%;
float: left;
padding: 0px 15px 10px 15px;
text-align: center;
}

div#news{
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-top: 1px solid #000000;
width: 25%;
float: left;
padding: 0px 15px 10px 15px;
background-color: #FFFF00;
}

div#body{
width: 68%;
float: left;
font-size: 10pt;
margin:10px;
}

div#footer{
text-align: center;
border-top: 2px solid #000066;
color: #9E9E9E;
clear:both;
height:25px;
}

table#email td{
font-size: 8pt;
vertical-align: top;
text-align: center;
padding: 5px;
}

img.school{
padding: 5px 20px 5px 0px;
border: 0;
}

div.subhead{
background-color: #000066;
color: #FFFFFF;
}

div.bodyhead{
font-size: 14pt;
width: 30%;
text-align:center;
}


p, ul{
font-family: Verdana, Georiga, Arial, sans-serif, Times;
font-size: 10pt;
text-align: left;
}

h1{
text-align: center;
font-variant: small-caps;
color: #000066;
font-size: 250%;
padding-top: 15px;
}

h3{
text-align: center;
}

ul#newslist{
color:#00008B;
}

/* = = = = = CSS Nav Menu = = = = = */
#nav-menu ul
{
list-style: none;
padding: 0;
text-align: center;
margin: auto;
}

#nav-menu li
{
float: left;
margin: 0 0.15em;
padding: 0;
text-align: center;
margin: auto;
}

#nav-menu li a
{
background:url(background.gif) #fff bottom left repeat-x;
height: 2em;
line-height: 2em;
float: left;
width: 9em;
display: block;
border: 2px solid #000066;
color: #0d2474;
text-decoration: none;
text-align: center;
font-size: 10pt;
font-weight: bold;
}

/* Commented backslash hack hides rule from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End IE5-Mac hack */

#nav-menu
{
text-align: center;
width:100%;
} 

#nav-menu li a:hover
{
background-color: #FFFF00;
}

Check out the <div> tutorial located at
http://www.freewebsite.5u.com/scripts/csslayout.html