Rollover-Buttons mit CSS - Beispiel 2

Code der eingebundenen CSS-Datei:

a.menu { width:160px; margin-top:4px; color:#fff; background-color:#666; display:block;
         font-family:"Comic Sans MS",Comic,fantasy; font-size:20px; font-weight:bold; }

a.menu:link    { color:#ccc; background-color:transparent; border:1px solid #000; text-decoration:none; }
a.menu:visited { color:#ccc; background-color:transparent; border:1px solid #000; text-decoration:none; }
a.menu:hover   { color:#fff; background-color:transparent; border:1px solid #fff; text-decoration:none; }
a.menu:active  { color:#fff; background-color:transparent; border:1px solid #fff; text-decoration:none; }

div.menu { color:#000; background-color:#ccc; border:1px solid #000; width:200px; text-align:center; padding:10px; }