div-y pod sebou

<div class="logo" style="position: absolute; width: 100%; top: 0px; height: 20%; left: 0px; text-align: center;">
<img src="../WWW/1.jpg" width="90%" height="100%">
</div>

<div class="menu" id="navcontainer" style="position: absolute; width: 100%; top: 20%; left: 0px;">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>

<div class="obsah" style="position: absolute; width: 100%; height: 50%; left: 0px; text-align: center;">
<img src="../WWW/2.jpg" width="90%" height="100%">
</div>

div#navcontainer
{
background-color: silver;
border-top: solid 5px #000FFF;
border-bottom: solid 5px #000FFF;
}

div#navcontainer ul
{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: white;
text-align: center;
margin: 0;
padding-bottom: 10px;
padding-top: 10px;
background:transparent url("../source/images/blue.jpg") repeat-x top left;
}

div#navcontainer ul li
{
display: inline;
margin-left: -4px;
}

div#navcontainer ul li a
{
padding: 10px 30px 10px 30px;
color: black;
text-decoration: none;
border-right: 1px solid #000;
}

div#navcontainer ul li a:hover
{
text-decoration: underline; color: white; background: grey url("../source/images/black.jpg") top left repeat-x;
}

#active a { border-left: 1px solid #000; }