Cześć

Mam problem z CSSami.
Jakoś nie mogę tego ogarnąć . W załączeniu PrtSc tego jak to wygląda do tej pory z naniesionymi poprawkami jak powinno....

Prośba o pomoc:
Poniżej kod:

CSS:

body {
background-color:#000000;
background-image:url("../obrazy/bez.gif");
background-repeat:repeat-x;
color:#000000;
font-family:Tahoma,Arial,Helvetica,sans-serif;
font-size:12px;
text-align:center;

}
#container {
margin:0 auto;
text-align:left;
width:530px;
}
#naglowek {
height:365px;
margin-bottom: 8px;
color: #f6f6f6;
}
#naglowek #logo {
float:left;
width:240px;
position: relative;
top:15px;
}
#naglowek #links {
float: left;
width: 90px;
}
#naglowek #search {
float:right;
width:200px;
}
#lewakolumna{
background-color:transparent;
float:left;
width:240px;
}
#menu_container{
background-image:url("../obrazy/menu.gif");
background-repeat:no-repeat;
background-color:#f6f6f6;
}
#menu{
margin-left:15px;
margin-right:10px;
padding-top:50px;
padding-bottom:25px;
}
#menu a {
background:url("../obrazy/strzalka.gif") no-repeat scroll 0 10px transparent;
border-bottom:1px dotted #AAAAAA;
color:#4D4D4D;
display:block;
font-weight:bold;
padding:5px 3px 5px 16px;
text-decoration:none;
}
#menu a:hover{
color:#117EAE;
}

#menu #podmenu a {
background:none repeat scroll 0 0 transparent;
border-bottom:1px dotted #AAAAAA;
color:#415866;
padding-bottom:2px;
padding-left:15px;
padding-top:2px;
font-weight:normal;
}
#prawakolumna {
float:right;
width:690px;
}
#prawakolumna #crunch {
background-color:#f6f6f6;
margin-left: 10px;
margin-bottom:10px;
padding:10px;
}
#prawakolumna #content {
background-color:#f6f6f6;
margin-left: 10px;
margin-bottom:10px;
padding: 5px 20px 10px 10px;
}
#footer{
background-color:#f6f6f6;
margin-top:10px;
text-align:center;
padding:15px;
}
#menu #active{
color:red;
}
#menu #podmenu #active{
color:red;
}
#menu #podmenu a:hover{
color:#117EAE;
}
#tresc{
background: #f6f6f6;
}
#prawakolumna #crunch a{
color: red;
text-decoration:none;
}
# foto {
padding:10px;
border:1px solid #dddddd;
margin: 10px;

INDEX:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Strona główna - PROINNOVATIVA</title>

<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<meta name ="description" content="lorem ipsum">
<meta name="keywords" content="słowa kluczowe">
<meta http-equiv="content-language" content="pl">
<meta name="author" content="imię i nazwisko">

<link rel="stylesheet" href="css/style.css" type="text/css" />

</head>
<body>
<div id="container">
<div id="naglowek">
<div id="logo">

<img src="obrazy/baner.jpg"align="right"id="logo">
<a href="http://www.pcworld.pl"</a>

</div>
<div id="links">
<table width="450" style="margin-left:20px">
<tbody>
<tr>
<td><img src="obrazy/pl.jpg" alt="pl "width="30" height="20" class="obrazek" style="float:right; margin-right: 0px" /></td>
<td><img src="obrazy/uk.jpg" alt="en "width="30" height="20" class="obrazek" style="float:right; margin-right: 0px" /></td>
<td><img src="obrazy/it.jpg" alt="it "width="30" height="20" class="obrazek" style="float:right; margin-right: 0px" /></td>
</tr>
</tbody>
</table>
</div>
<div id="search">
<form action="jakaśakcja" method="post">
<input type="text" name="szukaj" value="--wyszukaj--" size="15" maxlength="30">
<input type="submit" value="Szukaj">
</form>
</div>
</div>
<div id="tresc">
<div id="lewakolumna">
<div id="menu_container">
<div id="menu">
<a href="index.html" id="active">Nasza Kancelaria</a>
<a href="autor.html">Dlaczego warto chronić IP</a>
<a href="galeria.html">Patenty </a>
<a href="galeria.html">Wzór użytkowy </a>
<a href="galeria.html">Wzór przemsyłowy </a>
<a href="galeria.html">Znaki towarowe </a>
<a href="kontakt.html">Kontakt</a></div>
</div>
</div>
<div id="prawakolumna">
<div id="crunch">

<a href="index.html">Strona główna</a>&nbsp;&gt;&nbsp;

</div>
<div id="content">

<h3>Strona główna</h3>
<p align="justify">
Treść

</div>
</div>
<div style="clear:both"></div>
</div>
<div style="clear:both"></div>
<div id="footer">
Stopka
</div>
</div>
</body>
</html>