Problem z pozycjonowanie menu

pytanie zadane 20 marca 2017 w PHP przez Mateusz Patalan Bywalec (2,140 p.)

Witam, pisze strone internetową oparta o system plików i php. Mam nastepujący problem: Menu oddziela się od treści, pomimo że w kodzie nie ma marginesu. Ponizej rzedstawiam screeny i kod. Proszę o szybka pomoc.

Tak wygląda strona główna.

A tak z jeden z artykułów.

A oto kod:

<body>

<div style="clear:both;"></div>
<div id="pojemnik">
	<script type = "text/javascript" src = "//www.deszczowce.pl/licznik/licznik.php?id=105107605"></script>
<div id="logo"><h1>STAR WARS</h1><i><p>Blog o Gwiezdnych Wojnach</p></i></div>
<div id="menu">
	<a href="index.php"><div class="opcja">Strona główna</div></a>
	<div class="opcja">Kategorie</div>
	<div class="opcja">Archiwum</div>
	<div class="opcja">O nas</div>
</div>
<div style="clear:both"></div>
<div id="tresc">

<?php
if(empty($_GET['id']) || $_GET['id'] == 'home')
{
	include("home.php");
}
else if ($_GET['id']=='artykul')
{
	include("id1.php");
}
?>

</div>
<div id="stopka">Blog SW cut&copy Wszelkie prawa zastrzeżone. It’s A Trap!</div>

</div>

A to css:

body
{
font-family: 'Marmelad', sans-serif;
background-image:url(tlo1.jpg);
background-attachment:fixed;

}
#pojemnik
{
margin-right:auto;
margin-left:auto;
width:1000px;
}
#logo
{
color:white;
padding:5px;
font-size:25px;
text-align:center;
}
.opcja
{
text-align:center;
padding:5px;
float:left;
width:240px;
color:white;
font-size:25px;
}
.opcja:hover
{
color:black;
background-color:white;
cursor:pointer;
}
#tresc
{
min-height:1000px;
background-color:white;
font-size:20px;
text-align:justify;
}
#stopka
{
color:white;
background-color:black;
text-align:center;
font-size:20px;
padding:5px;
}

Strona została otwarta w Xamp-ie.