Rozwijany Profil użytkownika

wersja skryptu MyBB:1.6.14
adres forum:http://fppolska.cba.pl
na czym polega problem :
Zrobiłem sobie rozwijany profil tylko mam pewien problem który opisałem na screenie



Kod:

HTML:

Nuun

CSS:

#kontener
{
width: 960px;
margin: 0 left;
}
#menu
{display: table; padding: 0 10px 0; margin: left; overflow: hidden; font-size: 10px; background: #242424;}
#menu li {list-style-type: none; margin: 0 auto; float: left; }
#menu li:hover {background: #404040;}
#menu li a {display: block; color: silver; text-decoration: none; padding: 4px 20px 6px;}
#menu li a:hover {background: #404040; color: white;}
#menu li li a {width: 160px;}
#menu li ul {overflow: hidden; display: none; background: #242424;}
#menu li:hover ul {position: absolute; padding: 0; display: block; width: 160px;}

/*ANIMACJA - tylko CSS3*/
#menu *:hover {transition: 0.3s ease-in;}

Zmiana tła po najechaniu, poczytaj o :hover.

Dodatkowo przed nazwą dodaj {$mybb->user['avatar']}.

Cze : )
A ja chciałbym dodać to do siebie, tylko nie wiem w które miejsce dokładnie użyć HTML

Cze : )
A ja chciałbym dodać to do siebie, tylko nie wiem w które miejsce dokładnie użyć HTML

Nie zezwalam, stwórz sobie samemu kod i nie dziaduj

///
Odsyłacz:
http://www.kurshtml.edu.pl/css/wstep,menu.html

---

Nie chodzi mi o zmiane tła tylko jak zrobić że po najechniu myszką pokrywa całe tło na biało

Musisz do (/stworzyć) identyfikatora dopisać :hover, a w zawartości background: #kolor;.

No to mam :

#menu li:hover {background: #404040;}

i jest tylko zamiast na cały to kawałek jest podświtlony;/

Przydałoby się to zobaczyć, można prosić o konto testowe?

Tak prosze:

Konto testowe:

login; Test

password; 123456

#kontener 
{
width: 960px;
 margin: 0 left;
}
#menu 
{  display: table-row;  overflow: hidden; font-size: 10px; background: #242424;}
#menu li {list-style-type: none; float: left;}
#menu li:hover {background: #404040; padding: 0; width: 100%;}
#menu li a {display: block; color: silver; text-decoration: none;padding: 4px 20px 6px; }
#menu li a:hover {background: red#404040; color: white;}
#menu li li a {width: 160px;}
#menu li ul {overflow: hidden; display: none; background: #242424;}
#menu li:hover ul {position: absolute; padding: 0; display: block; width: 190px;}
 
/*ANIMACJA - tylko CSS3*/
#menu *:hover {transition: 0.3s ease-in;} 


fancy css3 menu jest fajne, google znajdzie