mam takie menu umieszczone w div-ie o id "top":
<div id="top">
<img src="Img/logo.png" alt="TwojaNazwa" />
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="index.html">About</a></li>
<li><a href="index.html">Portfolio</a></li>
<li><a href="index.html">Solutions</a></li>
<li><a href="index.html">Products</a></li>
<li><a href="index.html">Contact</a></li>
</ul>
</div>
#top
{
background: #383838;
height: 78px;
width: 900px;
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
}
ul, ul li
{
display: block;
list-style: none;
margin: 0;
padding: 0;
}
ul li
{
display: inline;
white-space: nowrap;
}
I to menu wyświetlane jest przez przeglądarkę poza div-em, dokładnie pod nim.
Mogę ustawić ujemny margines dla listy, ale czy nie powinna już bez niego znajdować się w obrębie swojego div-u?
Co powinienem poprawić?