Po odpaleniu strony niebieski div oddziela się od czarnego, jak to naprawić?
<!DOCTYPE HTML>
<html lang="pl">
<head>
<meta charset="utf-8" />
<title>Najlepsze seriale - subiektywne TOP 5!</title>
<meta name="description" content="Serwis prezentuje subiektywne top 5 seriali telewizyjnych. Sprawdź, czy znasz je wszystkie" />
<meta name="keywords" content="top 5, serial, seriale, najlepsze, ciekawe, oglądaj, kinomaniak" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<style>
#square
{
width: 1000px;
margin-left: auto;
margin-right: auto;
}
#up
{
background-color: black;
color: white;
text-align: center;
padding: 15px;
}
#left
{
float: left;
background-color: blue;
width: 500px;
min-height: 620px;
padding: 20px;
}
#right
{
float: left;
padding: 20px;
width: 500px;
}
#down
{
clear: both;
background-color: black;
color: white;
text-align: center;
padding: 10px;
}
</style>
</head>
<body>
<div id="square">
<div id="up"> </div>
<div id="left"> </div>
<div id="right"> </div>
<div id="down"> </div>
</div>
</body>
</html>