Witam z CSS'ami i DVIami dopiero zaczynam przygodę ale trafiłem na przeszkodzę z którą, sam nie mogę sobie poradzić. Dla Was to pewni będzie banał a dla mnie wybawienie

mianowicie mam divy

[HTML] pobierz, plaintext 
<div id="menu"><p class="menu">menu 1</p></div>
<div id="menu"><p class="menu">menu 2</p></div>
.
.
.
[HTML] pobierz, plaintext 

chciałbym aby po najechaniu myszką na danego diva zmieniało się jego tło próbowałem z "hover" ale wyczytałem że to już jest staroć i nie wszędzie działa np IE

[HTML] pobierz, plaintext 
#menu {
	background-image: url(img/menu1.gif);
	height: 30px;
	width: 181px;
	margin: 0px;
	padding: 0px;
}
[HTML] pobierz, plaintext 

z góry dziękuję SzymaneK

zrobisz to albo w js albo za pomocą css w następujący sposób: daj do tego div'a <a href> nadaj mu display: block, i później dodaj :hover'a na tego linka... inaczej IE nie będzie Ci czytał tego ponieważ on pseudo klasę :hover obsługuje tylko na linkach.

behavior: whatever:hover

Jeszcze mała sugestia:
napisałeś

[HTML] pobierz, plaintext 
<div id="menu"><p class="menu">menu 1</p></div>
<div id="menu"><p class="menu">menu 2</p></div>
[HTML] pobierz, plaintext 

jeżeli będziesz później chciał się odnieść do elementu (DIV) o id="menu", to odwołasz się do każdego DIV o id="menu", staraj się w takim przypadku używać:

[HTML] pobierz, plaintext 
<div id="menu">
 <div class="odnosnik_menu">menu 1</div>
 <div class="odnosnik_menu">menu 2</div>
</div>
[HTML] pobierz, plaintext 

Mam nadzieję, że wiesz o co mi chodzi?

Wielkie dzięki za sugestie...

na razie zrobiłem coś takiego:

[HTML] pobierz, plaintext 
<div id="lewa">
	<div onmouseover="this.className='menu2';" onmouseout="this.className='menu1';" class="menu1"><a href="#"><p class="menu">jeden</p></a></div>
	<div onmouseover="this.className='menu2';" onmouseout="this.className='menu1';" class="menu1"><a href="#"><p class="menu">dwa</p></a></div>
</div>
[HTML] pobierz, plaintext 

jak widzisz SzamanGN Twoja sugestia została wcielona, w sumie to mi sie nie podobało od początku.

co o tym sądzicie ? może BYK?

pzdr SzymaneK

Ale po kiego grzyba tak kombinujesz?

Użyj zwyczajnie pseudoklas :hover, tylko dla IE podepnij whatever:hover... (Google, jeśli nie wiesz, o czym mówię)

no gdybym znalazł to dzięki Google to nie zawracał bym d...y tutaj.

SzamanGN: Nie pobierze wszystkie o id #hover, tylko pobierze pierwsze wystąpienie. Przynajmniej w JS, nie wiem jak to się ma do CSS.

SzymaneK: Generalnie zasada jest taka, że jest wiele elementów posiadających daną klasę i tylko jeden posiadający dane id. IDentyfikatory z reguły są unikalne .

~SymaneK, ja jakoś znalazłem: http://www.xs4all.nl/~peterned/csshover.html

Rozwiązanie sprawdzone, ale jeden warunek: elementy nie mogą być dodawane dynamicznie (np. via innerHTML).