[CSS][HTML][PHP] Gdy najeżdżam na element, drugi się chowa Opcje

[jinchuriki]

Witam,
Spróbuję objaśnić jak najlepiej mój problem.
Napisałem prosty kod w html i css dzięki, któremu po najechaniu na button w menu pojawia się krótki opis podstrony pod nim. Wszystko jest dobrze.
Potem napisałem prostą instrukcję if w php, która sprawdza wartość zmiennej GET i standardowo, zależnie na jaką podstronę się wejdzie wyświetla w odpowiednim miejscu opis podstrony.
Oddzielnie wszystko działa tak jak trzeba, tylko jest mały problem. Chcę, żeby po najechaniu na odnośnik w menu, standardowy opis podstrony zniknął, a pojawił się ten przypisany do buttona. Gdy najeżdżam na button oba teksty nachodzą na siebie, a ja za bardzo nie mam pomysłu jak to rozwiązać. Liczę na waszą pomoc...
Zamieszczam tutaj urywki kodu potrzebne do rozwiązanie problemu.

Fragment CSS:

[CSS] pobierz, plaintext 
a.napis span {
	display: none;
}
 
a.napis:hover span{
	display: inline;
	text-decoration: none;
	margin-top:3px;
	line-height:15px;
	text-align:justify;
	color:#f5e3ff;
	margin-left:20px;
	margin-right:33px;
	font-size:12px;
	position:absolute; top: 102px; left: 0px;
}
[CSS] pobierz, plaintext 

Fragment HTML,PHP:

[PHP] pobierz, plaintext 
<?php
		   echo '<div id="menu">';
		   echo '<a class="napis" href="index.php?includ=home"><img src="img/m_zespol.png" class="domroll img/m_zespol_o.png" /><span><br />Tutaj przyjmujemy pochlebstwa oraz wyrazy uwielbienia za to,
		  co robimy. Ewentualnie możesz też sprawdzić wolny termin...</span></a>';
		  echo '<a class="napis" href="index.php?includ=oferta"><img src="img/m_oferta.png" class="domroll img/m_oferta_o.png" /><span><br />Jakiś inny przykładowy tekst...</span></a>';
		  echo '<a class="napis" href="index.php?includ=muzyka"><img src="img/m_muzyka.png" class="domroll img/m_muzyka_o.png" /><span><br />Tutaj kolejny badziewny tekst mający przyciągnąć ludzi</span></a>';
		  echo '<a class="napis" href="index.php?includ=kontakt"><img src="img/m_kontakt.png" class="domroll img/m_kontakt_o.png" /><span><br />Tutaj numer jak ktoś by się chciał znami napić. (IMG:style_emoticons/default/tongue.gif) </span></a>';
 
 
		  if ($_GET['includ'] == 'home')
		  {
		  echo '<div id="opis_menu">Tutaj przyjmujemy pochlebstwa oraz wyrazy uwielbienia za to,
		  co robimy. Ewentualnie możesz też sprawdzić wolny termin...</div>';
		  }
 
		  elseif ($_GET['includ'] == 'oferta'){
		  echo '<div id="opis_menu">Jakiś inny przykładowy tekst...</div>';
		  }
 
		  elseif ($_GET['includ'] == 'muzyka'){
		  echo '<div id="opis_menu">Tutaj kolejny badziewny tekst mający przyciągnąć ludzi</div>';
		  }
 
		  elseif ($_GET['includ'] == 'kontakt'){
		  echo '<div id="opis_menu">Tutaj numer jak ktoś by się chciał znami napić. (IMG:style_emoticons/default/tongue.gif) </div>';
		  }
 
		  else {
		  echo '<div id="opis_menu">Nie ma takiej podstrony</div>';
		  }
		  echo '</div>';
		  ?>
[PHP] pobierz, plaintext 

Liczę na waszą pomoc. (IMG:style_emoticons/default/winksmiley.jpg)

Powód edycji: [Ociu]: Poprawiłem bbCode

[weogrim]

Ja bym to zrobił tak: 


- do klasy opis_menu dodaj:

Kod

display:block;

-w head wstaw to:

Kod

<script type="text/javascript">
        function zakryj() {
                document.getElementById("opis_menu").style.display = "none";
            }
        function pokaz() {
                document.getElementById("opis_menu").style.display = "block";
            }
    </script>

-do linków pododawaj:

Kod

onmouseover="zakryj();" onmouseout="pokaz();"

[jinchuriki]

Dzięki działa, masz pomógł. (IMG:style_emoticons/default/winksmiley.jpg)