Mam problem z ułożeniem divów na stronie. Kiedy ustalę szerokość podaną w zadaniu to się rozjeżdżają, a gdy zmniejszę ich szerokość to jest puste miejsce między nimi. Wiem, że gdyby nie border to by było wszystko dobrze, ale z tego co wiem to bez niego nie uznają mi zdania. Byłby w stanie ktoś mi z tym pomóc?
<html lang="pl">
<head>
<meta charset=utf-8">
<title>Matematyka</title>
<style type="text/css">
div {
border: 1px solid;
}
#logo {
width: 100%;
}
#lewo {
float: left;
width: 40%;
}
#prawo {
float: right;
width: 60%;
}
</style>
</head>
<body>
<div id="logo"><img src="baner.jpg">
</div>
<div id="lewo">
MENU<br>
<a href="opis.html">Opis</a><br>
<a href="liczba.html">Jaka to liczba?</a><br>
<a href="zakres.html">Liczby całkowite z zakresu</a>
</div>
<div id="prawo">
XXXX
</div>
</body>
</html>