<style type="text/css">
<!--

ul#zoo {
list-style: none;
background: url(zoo.jpg) no-repeat 0 0; 
position: relative; 
width: 547px; 
height: 637px;
margin: 0;
padding: 0; 
}

ul#zoo li {
border: 1px solid #000;
position: absolute;
}

ul#zoo li a{  
display: block;
height: 100%;
text-decoration: none;
background:#660066;
opacity: 0.40;
filter:alpha(opacity=40);
padding: 0px;
width: 20px;
height: 20px;
} 

ul#zoo li a span {
display: none; 
} 
 
ul#zoo li a:hover span {
display: block;
padding: 10px;
width: 60px;
height: 60px;
background: #660066;
position: relative;
top: 0%;
left: 0%;
font:11px palatino, trebuchet ms, comic sans ms, sans-serif;
opacity: 0.75;
filter:alpha(opacity=75);  
color: #FFFFCC;
}
 
#snow_leopard {
  width: 20px;
  height: 20px;
  top: 354px;
  left: 231px;
}

#tiger {
  width: 20px;
  height: 20px;
  top: 300px;
  left: 259px;
}

#komodo_dragon {
  width: 20px;
  height: 20px;
  top: 295px;
  left: 306px;
}

#rhino {
  width: 20px;
  height: 20px;
  top: 225px;
  left: 272px;
}

#lion {
  width: 20px;
  height: 20px;
  top: 247px;
  left: 199px;
}

#elephant {
  width: 20px;
  height: 20px;
  top: 213px;
  left: 132px;
}

#giraffe {
  width: 20px;
  height: 20px;
  top: 182px;
  left: 168px;
}

#painted_dog {
  width: 20px;
  height: 20px;
  top: 189px;
  left: 202px;
}

#gorilla {
  width: 20px;
  height: 20px;
  top: 82px;
  left: 181px;
}

#orangutan {
  width: 20px;
  height: 20px;
  top: 76px;
  left: 142px;
}

#lemur {
  width: 20px;
  height: 20px;
  top: 110px;
  left: 129px;
}

#bear {
  width: 20px;
  height: 20px;
  top: 179px;
  left: 342px;
}

#polar_bear {
  width: 20px;
  height: 20px;
  top: 234px;
  left: 371px;
}

#shark {
  width: 20px;
  height: 20px;
  top: 237px;
  left: 432px;
}

#flamingo {
  width: 20px;
  height: 20px;
  top: 270px;
  left: 264px;
}

#hellbender {
  width: 20px;
  height: 20px;
  top: 222px;
  left: 455px;
}

#garden_eel {
  width: 20px;
  height: 20px;
  top: 253px;
  left: 480px;
}

#spider_monkey {
  width: 20px;
  height: 20px;
  top: 83px;
  left: 111px;
}

#springbok {
  width: 20px;
  height: 20px;
  top: 305px;
  left: 117px;
}

#ostrich {
  width: 20px;
  height: 20px;
  top: 318px;
  left: 96px;
}

#crocodile {
  width: 20px;
  height: 20px;
  top: 261px;
  left: 293px;
}

#penguin {
  width: 20px;
  height: 20px;
  top: 226px;
  left: 483px;
}

#gibbon {
  width: 20px;
  height: 20px;
  top: 58px;
  left: 94px;
}

#poison_dart_frog {
  width: 20px;
  height: 20px;
  top: 110px;
  left: 101px;
}

#turtle {
  width: 20px;
  height: 20px;
  top: 389px;
  left: 362px;
}

#skink {
  width: 20px;
  height: 20px;
  top: 402px;
  left: 391px;
}

-->