Javascript rollover

А вот тот самый маленький ролловер, ради которого и затевался робот на Script-Fu

<!-- Кнопки -->
<style type="text/css">
  /* Общие для всех кнопок */
  .bcm a { display: block; height: 52px; float: left; position: absolute; top: 0px; }
  .bcm a:hover { background-position: 0px -52px; }
  a:focus { outline:0; }

  /* По каждой кнопочке отдельно */
  .b_about a { background-image: url('about.png'); width: 97px; left: 0px; }
  .b_reg a { background-image: url('reg.png'); width: 190px; left: 103px; }
</style>

<div style="width: 1024; margin-bottom: 10; position: relative;">
  <div class='bcm b_about'><a href='http://test.none' target="_blank"> </a></div>
  <div class='bcm b_reg'><a href="javascript:Test('test');"> </a></div>
</div>

Примечания.

1. Вставлять ширину каждой кнопки в style не получилось: важно, что это именно ссылка и после .b_reg идёт a.

2. a:focus { outline:0; } нужен, чтобы после нажатия на див не оставалось мерзкой красной рамочки.

3. Сделав кнопки первый раз я обнаружил, что высота в 54 выбрана мной опрометчиво: надо 52. Тут-то я и порадовался, что смастерил себе робота, а не начал ресайзить/клеить дедовским способом, руками.