napisałem taki styl
#menu { width: 990px; height: 46px; margin: 0 auto; background-color: #202020; border: 0px solid red; } #main-menu { list-style-type: none; margin: 0 auto; padding: 0; } #main-menu li { float: right; padding: 0; } #main-menu li a { float: left; height: 46px; position: relative; overflow: hidden; } #main-menu li a:hover { border-width: 0; } #main-menu li a:hover img { position: relative; top: -46px; }
używam to w taki sposób np.
<div id="menu"> <ul id="main-menu"> <li> <a href="#" title="title"> <img src="pics/contact.png" alt="title" border="0"/> </a> </li> <li> <a href="#" title="title"> <img src="pics/video.png" alt="title" border="0"/> </a> </li> <li> <a href="#" title="title"> <img src="pics/galerries.png" alt="title" border="0"/> </a> </li> <li> <a href="#" title="title"> <img src="pics/news.png" alt="title" border="0"/> </a> </li> <li> <a href="#" title="title"> <img src="pics/home.png" alt="title" border="0"/> </a> </li> </ul> </div>
mój div MENU ma długość 990px grafiki dochodzą do prawej strony tego diva a chciałbym na środeczku...