hover im 2-zeiligen Navigations-Listenelement

[Daniel#]

Hallo!

In meiner mit CSS gebauten Navi hebe ich die Listenelemente so hervor:

#subnav  a { color: #0050A0; text-decoration: none; }
a:visited { color: #0050A0;}

<!-- hier wirds interessant -->
a:hover   { color:#00AFFF; border-width:1px; border-style:solid; border-color:red; padding:10px;}
<!-- -->

a:active {color:#00AFFF; }

HTML dazu:

<dl id="subnav">
   <dt><a href="index.php">Home</a></dt>
   <dt><a href="index.php">Zweiiiiiiiiiiiii Wöööörter</a></dt>
 ...
  </dl>

Weil ich die Navigation in der Breite begrenzt habe, wird ein zu langer Eintrag umgebrochen. Problem dabei ist, dass der hover-Rahmen dann nicht mehr um den gesamten Eintrag sitzt, sondern jeweils um "Zweiiiiiiiiiiiii" und "Wöööörter".

Hat jemand eine Idee, wie ich das lösen kann?