Странен проблем с меню

confiscate

Registered
Здравейте ,
Имам следния проблем. Имам обикновено меню , намиращо се някъде по средата на страницата ми , като цъкна върху някои от бутоните сайтът ми пада надолу с няколко пиксела . Не самият контейнер , който държи всичко да падне надолу от горната рамка на бразузера , а просто браузера се фокусира върху менюто и те смъква до него.

Дано сте ме разбрали :)
Благодаря предварително :)
 
Код:
<div id="slideWrapper">
<div class="content_bg">
<div class="content">
<ul class="switcher">
<li id="one"><img src="img/img1.png" width="673" height="175" alt="info" /></li>
<li id="two"><img src="img/img2.png" width="673" height="175" alt="types" /></li>
<li id="three"><img src="img/img3.png" width="673" height="175" alt="technics" /></li>
<li id="fourth"><img src="img/img4.png" width="673" height="175" alt="FQE" /></li>
<li id="fifth"><img src="img/img5.png" width="673" height="175" alt="pay" /></li>



</ul>
<ul class="nav">
<li><a href="#one">1</a></li>
<li><a href="#two">2</a></li>
<li><a href="#three">3</a></li>
<li><a href="#fourth">4</a></li>
<li><a href="#fifth">5</a></li>

</ul>


</div>
</div>
</div>

Код:
#slideWrapper {margin-top:10px;}

/* start content_bg */
.content_bg {width:676px; height:177px; padding:13px; background:url(../img/frame_bg.png) no-repeat 0 0 transparent;}

/* start content */
.content {height:175px; overflow:hidden; }
.content ul.nav {list-style-type:none;}

/* start switcher */
.switcher { height:200px; overflow:scroll; overflow-y:hidden;}

.switcher li {float:left; width:673px; height:175px;}

/* start nav */
.nav {position:absolute; margin-left:530px; margin-top:-195px;}

.nav li {background:#fff; float: left; text-align: center; border: 1px solid #ccc; margin: 0 0 0 5px;
}

.nav li a, .nav li a:link, .nav li a:visited { display: block; width:19px; height:18px;padding:1px 0 0 0;  line-height: 17px; border: 1px solid #fff;
	color: #666; font-size:11px; font-weight:700; text-decoration: none; background: url(../img/btn_bg.png) repeat-x 0 0 transparent;  }
	
.nav li a:hover { background: url(../img/btn_bg.png) repeat-x 0 100% transparent; }
 
е как няма да те смъква като ти си му задал котва
HTML:
<li><a href="#one">1</a></li>
<li><a href="#two">2</a></li>
<li><a href="#three">3</a></li>
<li><a href="#fourth">4</a></li>
<li><a href="#fifth">5</a></li>
#two ти е така наречената котва и бразъра позиционира до елеметн с това id
 

Back
Горе