Ссылки-картинки, Помогите!

  • Автор темы gorniawe4ka
  • Дата начала
G

gorniawe4ka

#1
Здравствуйте.
Есть две картинки-ссылки, при наведении на одну, вторая должна уйти под низ, вот как тут http://index12.byethost11.com/
В моей версии есть ещё и map(ы) http://index13.byethost11.com/ и такого эффекта не получается, помогите
Вот код:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/>
<link rel="stylesheet" type="text/css" href="css/template.css"/>
<style type="text/css">

#charles{
position: relative;
height: 706px;
width: 588px;
z-index: 30;
}
#cat{
height: 583px;
width: 394px;
position: relative;
z-index: 80;
}
#cat:hover{
z-index:100;
}
#charles:hover{
z-index:100;
}

</style>
</head>
<body>
<Img id="charles" src="images/charleskolaj1.png" usemap="#kartinka"/>
<Img id="cat" src="images/cat.jpg" usemap="#cat"/>
<map name="kartinka">
<area shape="poly" href="http://google.com" coords="91,1,587,71,492,703,2,634" href="http://google.com"/>
</map>
<map name="cat">
<area shape="poly" href="http://yandex.ru" coords="9,7,392,6,395,580,7,581" />
</map>



</body>

</html>