CSS Column/Cell Problems

Hello. I'm a newbie to css and the forum with a css problem. My site is pampermepotions.com. I was so proud of myself for carefully researching css and completing a few basic css tutorials and making my site look just the way I wanted it. Was great for a few weeks until I decided to tweak it a bit. Now, sadly I have messed it up and can't figure out how to fix it! LOL.

My css is below. I'd love a few suggestions on how to get my right column back up where it belongs. Thanks bunches!


div.container
{
width:100%;
margin:0px;
border:1px solid gray;
line-height:150%;
}
div.header,div.footer
{
padding:0.5em;
color:white;
background-color:660000;
font-family:Arial,Verdana;
font-style:bold;
font-size:10pt;
clear:left;
}
h1.header
{
padding:0;
margin:0;
font-size:18pt;
font-family:Arial,Verdana;
}
H2
{
color:#972A28;
font-size:14pt;
font-family:Arial,Verdana;
font-style:none;
margin-left:20;
}
div.top
{
float:top;
width:152px;
margin:0;
padding:1em;
}
div.left
{
margin-left:4px;
border-right:1px solid gray;
padding:1em;
}
div.content
{
float:top;
margin-left:190px;
border-left:1px solid gray;
padding:1em;
}
P
{
color:black;
font-size:11pt;
font-family:Arial,Verdana;
font-style:none;
text-align:justify;
margin-right:20px;
margin-left:20px;
}
a { text-decoration: none; }
a:hover { text-decoration: underline; color:#972A28;}
a:link{color:#972A28;font-size:11pt;font-family:Arial,Verdana;font-style:bold;}
a:active{color:#972A28;font-size:11pt;font-family:Arial,Verdana;font-style:bold;}
a:visited{color:#972A28;font-size:11pt;font-family:Arial,Verdana;font-style:bold;
}
ul {
color:black;
font-size:11pt;
font-family:Arial,Verdana;
font-style:none;
margin-left:20px;
}
body{
scrollbar-face-color: #FFFFFF;
scrollbar-arrow-color: #990000;
scrollbar-track-color: #FFFFFF;
}

 

Hi
Adding float:left to div.left will lift the content div up the page.
You have used float:top in a couple of places. IIRC float:top doesn't exist so I would dispense with that.

I know you didn't ask, but I suggest you also dispense with the right border on the left div, because it does not extend down to the footer and kinda hangs around . Just leave the left border on the right div which seems to fit the bill very well.

 

Thanks bunches! I did as you suggested and it worked perfectly! I was getting sooo aggravated.

 

Hey - don't talk to me about aggravation - I have a degree in it.
And, you're welcome - we newbies have to stick together