[Erstes "Design" mit CSS] Div Problem!

[LuphiSoft]

Hi CSS-hilfe.de-Community,
ich bin neu hier und stelle mich erstmal vor, ich heise Philipp komme aus Bamberg und bin 14 Jahre. In letzter Zeit bin ich ziemlig scharf drauf CSS zu lernen und zu verstehen, da man damit wirklich tolle Formatiervorlagen hinbekommt

Zu meinem Problem:
Ein Bild sagt mehr als Tausend Worte (Klick mich)

Mein CSS Code dazu:

Code: Alles auswählen

body{
background-color:#CCCCCC;
font-family:Verdana;
font-size:12px;
color:#00000;
}
.layout {
border:1px solid #000000;
margin:0px auto;
width:760px;
overflow:auto;
padding:10px;
}
.content {
font-family:Verdana;
font-size:10px;
color:#00000;
width:600px;
border:1px solid #efeff7;
float:right;
padding:5px;
}
.menutitle{
font-weight:bold;
text-align:center;
margin:5px;
cursor:default;
}
.menucontainer {
float:left;
border:1px solid #000;
background-color:#7b7d8e;
width:106px;
padding:1px;
}
a.menu:link, a.menu:visited
{
color:#eeeeee;
background-color:#737994;
text-decoration:none;
}
a.menu:hover
{
color:#737994;
background-color:#eeeeee;
}
a.menu:active{
color:#737994;
background-color:#eeeeee;
color:#FF0000;
}
a.menu {
display:block;
padding:3px;
border:1px solid #666666;
background-color:#737994;
text-align:center;
font-weight:bold;
color:#eeeeee;
text-decoration:none;
}

-> menucontainer
ist der äußerste Container der Navigationsbox.
-> content
ist die Inhaltsbox.

Leider klappt es einfach nicht, ich hoffe einer von euch könnte mir auf die Sprünge helfen

[LuphiSoft]

Habs jetzt selber geschafft, ich hab einen zusätzlichen Div-Container mit padding und float:left dazwischen gesetzt.