пример этого кода вы можете увидеть на нашем форуме, посмотрев и наведя стрелкой мыши на работы дня
http://fc06.deviantart.net/fs23/f/2007/346/3/d/_heart__rvmp_by_bad_blood.gif

Цвета цсс (нижнее окошечко своего стиля)

Код:
/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
  cursor: default;
  list-style: none;
}

.hoverbox a
{
  cursor: default;
}

.hoverbox a .preview
{
  display: none;
}

.hoverbox a:hover .preview
{
  display: block;
  position: absolute;
  top: -33px;
  left: -25px;
  z-index: 1;
}

.hoverbox img
{
  background: #88512d;
  border-color: #88512d;
  border-style: solid;
  border-width: 1px;
  color: inherit;
  padding: 2px;
  vertical-align: top;
}

.hoverbox li
{
  background: #88512d;
  color: inherit;
  display: inline;
  float: left;
  margin: 3px;
  padding: 5px;
  position: relative;
}

.hoverbox .preview
{
  border-color: #88512d;
}

HTML-верх

Код:
<div style="position: absolute;
top: 260px;
left: 420px;
color:#fff;
width:200px;">
  <ul class="hoverbox">
    <li>
      <a href="ссылка">
        <img src="картинка" border="0" alt="av" width=93" height="93">
        <img class="preview" src="картинка" border="0" alt="надпись">
      </a>
  <li>  
</li>
  </li>
  </ul>
</div>