nejde mi to!

Ahojte...mam taky mensi problem...zadam si v css .menu a .obsah a ked to dam do index.htm tak sa mi zobrazi iba obsah...pozri te si kod :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<head>
<title>Shanoyweb</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="shortcut icon" href="img/malelogo.jpg">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
</head>
<body>
<div class="cele">

<div class="head"></div>



<div class="obsah"> </div>

<div class="menu"> </div>






</div></body>

a kod css:
body {
background-image: url(img/poz.jpg);
text-align: center;
margin-top: 0px;
}
.cele {
width: 780px;
background-color: white;
font-family: Trebuchet MS;
text-align: center;
color: black;
margin: auto;
}
a,a:active,a:visited {
text-decoration: none;
color: black;
}
.head {
background-image: url(img/logo.jpg);
width: 780px;
height: 150px;
}

.obsah {
background-color: #0D1174;
float: left;
width: 600px;
height: 350px;
}
.menu {
background-color: #2D6DCFs;
float: right;
width: 170px;
height: 350px;
}
.patka {
width: 780px;
}


nevite poradit? diki
je mozne ze by to nepoznalo tu farbu co som tomu dal?
#2D6DCFs
zkus umáznout to s a uvidíš
a diki...dal som tam inu farbu a islo to..nechapem...preco...ci to nepozna hentaku farbu alebo co..
no a teraz mi tam nejde dat medzera medzi menu a rubriky.... pozrite sa na kod :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<head>
<title>Shanoyweb</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="shortcut icon" href="img/malelogo.jpg">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
</head>
<body>
<div class="cele">

<div class="head"> </div>



<div class="obsah"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>



<div class="patka">Design by Shanoy</div>
</div>


<div class="menu">
<div class="medzeravm"></div>

<div class="cojecovm">   ::RUBRIKY::</div>

<div class="polozkavm">    Windows</div>
<div class="polozkavm">    Windows Live</div>
<div class="polozkavm">    Google</div>
<div class="polozkavm">    Hardware</div>
<div class="polozkavm">    Software</div>

<div class="medzeravm"></div>

<div class="cojecovm">   ::MENU::</div>
<div class="polozkavm">    Home</div>

<div class="polozkavm">    O autorovi</div>
<div class="polozkavm">    Kontakt</div>

<div class="medzeravm"></div>
</div>






</div></body>

a na css kod:
body {
background-image: url(img/poz.jpg);
text-align: center;
margin-top: 0px;
}
.cele {
width: 780px;
background-image: url(img/poz.jpg);
font-family: Trebuchet MS;
text-align: center;
color: black;
margin: auto;
color: white;
}
a,a:active,a:visited {
text-decoration: none;
color: black;
}
.head {
background-image: url(img/logo.jpg);
width: 780px;
height: 150px;
}

.obsah {
background-color: #141C7F;
float: left;
width: 600px;
}
.menu {
background-color: #101678;
float: right;
width: 180px;
}
.patka {
border-top: 1px dashed green;
width: 600px;
background-color: #141C7F;
}
.cojecovm {
color: black;
text-align: left;
background-color: #4559BC;
width: 170px;
float: right;
}
.polozkavm {
color: white;
height: 20px;
text-align: left;
background-color: #141C7F;
width: 170px;
float: right;
}
.medzeravm {
background-color: #101678;
width: 180px;
height: 20px;
}

poradite?
Ad barva: 7 znaků hex vyjádření barvy je skutečně moc. Na mezery používej margin, z toho co tady píšeš bych tipoval, že .medzeravm nemá float jako ostatní.
no jinak jestli uz nastavujes css pro mezeru mezi objektama, tak je lepsi ji taky urcit display:block. Jinak mezery mezi objektama mas lepsi pres margin.