Forum PHP.pl

Witam ! Mam problem z menu, chciałbym aby po najechaniu myszką na dany link w menu tło było jako obrazek. Gdy chcę tak ustawić przesuwa mi cały link wraz z hoverem .

[CSS] pobierz, plaintext 
 #bg-menu ul{
display: block;
margin: 0;
padding: 86px 0 0 280px;
list-style: none;
   }
#bg-menu ul li a{
padding: 5px 55px 55px 5px;
float:left ;
    }
#bg-menu ul li a:hover{
background: url(../images/hover.png);
margin: -50px 5px 5px 5px
    }
[CSS] pobierz, plaintext 

Tutaj podsyłam hover.


A tutaj screen jak to wygląda w rzeczywistości:

Prawdopodobnie dzieje się tak ponieważ masz ustawione marginesy na elemencie :hover. Spróbuj się ich pozbyć. Nie wiem czemu akurat z tego skorzystałeś, ale domyślam się, że chciałeś wypozycjonować obrazek. Więc uprzedzajac pytanie obrazek możesz pozycjonować korzystając z background-position.

Moim zdaniem zmień musisz zmienić tag do hovera

zamiast
#bg-menu ul li a:hover

użyj
#bg-menu ul li:hover