Witam. Dam odrazu kod

[HTML] pobierz, plaintext 
<div id="panel">
	<div id="panel-zakladki">
		<ul>
			<li>Panel usera</li>
		</ul>
	</div>
</div>
[HTML] pobierz, plaintext 

i styl

[HTML] pobierz, plaintext 
#panel{
	width: 900px;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	top: 0px;
	position: fixed;
	z-index: 9999;
	background: red;
}
#panel-zakladki{
	width: 900px;
	height: 30px;
	top: 0px;
	background: green;
	z-index: 9998;
}
#panel-zakladki > ul > li{
	list-style: none;
	display: inline;
	padding-top: 0px;
	margin-top: 0px;
	height: 30px;
}
[HTML] pobierz, plaintext 

Problem polega na tym, że gdy jest lista w div#panel-zakladki jest z 10px od gory a nie powinien. Gdy listy nie ma pokazuje dobrze. Prosze o pomoc

overflow: hidden

dziękować