ho trovato questo menu nelle guide di html.it

Codice PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<
html>
<
head>
<
title>Liste di definizione Menu con sezioni</title>
<
meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<
meta name="generator" content="HAPedit 3.1">
<
style type="text/css">
body{background#FFF;font: 76% Verdana,Arial,sans-serif}
dl{width:160px}
dt{font-size120%;margin10px 0 0;color#666}
dd{margin0;padding-left:14px;line-height1.4;
   
background:url(bullet.gifno-repeat center left}
dd a{text-decorationnone;color#69F}
dd a:hover{color#F60}
</style>
</
head>
<
body>
<
dl>
<
dt>Servizi</dt>
<
dd>[url="#"]Web design[/url]</dd>
<
dd>[url="#"]Immagine coordinata[/url]</dd>
<
dd>[url="#"]Grafica tradizionale[/url]</dd>
<
dd>[url="#"]Pubblicit&agrave;[/url]</dd>
<
dt>L'azienda</dt>
<dd>[url="#"]La storia[/url]</dd>
<dd>[url="#"]Dove siamo[/url]</dd>
<dd>[url="#"]Contattaci[/url]</dd>
<dt>I nostri partners</dt>
<dd>[url="#"]Ditta AAA[/url]</dd>
<dd>[url="#"]Ditta XYZ[/url]</dd>
<dd>[url="#"]Ditta CCC[/url]</dd>
<dt>Links e risorse</dt>
<dd>[url="#"]Link 1[/url]</dd>
<dd>[url="#"]Link 2[/url]</dd>
<dd>[url="#"]Link 3[/url]</dd>
</dl>
</body>
</html> 
come si fa a far si che quando passo su una voce del menu appare un rettangolo colorato che evidenzia la voce?