Please look at this page: www.healthquestpt.com/bca/index.html
I cant figure out why the Middle.Content background #ffffff is being cancelled out.
Here is the corresponding CSS:
#Middle {
padding:0px;
width: 750px;
margin:15px auto 15px auto;
background: #ffffff;
/**MOZILLA**/
-moz-border-radius: 22px;
/**WEBKIT**/
-webkit-border-radius: 22px;
/**OPERA, LINUX, IE9**/
border-radius: 22px;
}
#Middle .Content {
background:#ffffff;
color: #000;
}
.navlist-vert ul{
font-size: 15px;
margin: 0px;
padding: 0;
}
.navlist-vert li{
list-style: none;
text-align: left;
margin-bottom:10px;
font-size:16px;
font-weight:bold;
}
/**link states**/
.navlist-vert li a {
text-decoration: none;
font-size:13px;
margin-bottom:0px;
background-color: #ffffff;
margin-top: 15px;
}
.navlist-vert li a:link {color:#2a022f}
.navlist-vert li a:visited { color:#2a022f}
.navlist-vert li a:hover,
.navlist-vert li a:active,
.navlist-vert li a:focus
{
color:#f9195e;
font-weight:bold;
text-decoration:underline;
}
Caused by an extra closing </div> in your HTML:
<!--begin Middle column -->
<div id="Middle">
<div class="Content">
<!--begin Content -->
<ul class="navlist-top">
<li style="margin-right:75px; margin-left:225px;"><a href="index.html">Home</a></li>
<li style="margin-right:75px; margin-left:75px;"><a href="/bcforum/index.php">Forum</a></li>
<li style="margin-right:75px; margin-left:75px;"><a href="contact.html">Contact</a></li></ul></div>
If you remove that </div>, your .Content area displays as it should.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
North America
Europe, Middle East and Africa
Asia Pacific