mam problem z divem zawartosc - otóż nie chce się on znaleźć obok diva "left" tylko znajduje się pod nim - co mam zrobić z tym? podaje swój kod html i css
<body>
<div id="container">
<div id="header"><img src="baner.jpg" alt="baner" /></div>
<div id="left"><img usemap="#map" src="lewe.jpg" alt="lewe" border="0" />
<map id="map" name="map">
<area shape="rect" href="sg.html" coords="41,80,200,50" />
</map>
</div>
<div id="zawartosc">zawartosc</div>
</div>
</body>
body {color: #000; margin: 0; padding: 0; background-color: #597681; text-align: center}
#container {width: 907px; margin: 10px auto 20px auto; text-align: left; position: relative}
#header {width: 907px; height: 213px}
#left {float: left; width: 233px; height: 652px}
#zawartosc {float: left; width: 907px; height: 800px; background-color: #c1c9bb}
<body>
<div id="container">
<div id="header"><img src="baner.jpg" alt="baner" /></div>
<div id="left"><img usemap="#map" src="lewe.jpg" alt="lewe" border="0" />
<map id="map" name="map">
<area shape="rect" href="sg.html" coords="41,80,200,50" />
</map>
</div>
<div id="zawartosc">zawartosc</div>
</div>
</body>
body {color: #000; margin: 0; padding: 0; background-color: #597681; text-align: center}
#container {width: 907px; margin: 10px auto 20px auto; text-align: left; position: relative}
#header {width: 907px; height: 213px}
#left {float: left; width: 233px; height: 652px}
#zawartosc {float: left; width: 907px; height: 800px; background-color: #c1c9bb}
