Making vertical tabs "clickable"

Making vertical tabs "clickable"

Hey, on a page I'm working on there are horizontal and vertical tabs.  The horizontal ones work fine, i can click anywhere in the tab and it activates it.  But the vertical tabs only work when i click on the actual text inside the tab, not anywhere else.  How can I make the whole tab clickable?

here is the .css for the vertically aligned tabs.

  2.     <style type="text/css">
  3.         /* Vertical Tabs----------------------------------*/
  4. .ui-tabs-vertical
  5.         {
  6.             width: 69em;
  7.         }
  8.         .ui-tabs-vertical .ui-tabs-nav
  9.         {
  10.             padding: .2em .1em .2em .2em;
  11.             float: left;
  12.             width: 13.75em;
  13.             background: #eeeeee;
  14.         }
  15.         .ui-tabs-vertical .ui-tabs-nav li
  16.         {
  17.             clear: left;
  18.             width: 100%;
  19.             border-bottom-width: 1px !important;
  20.             border-right-width: 0 !important;
  21.             margin: 0 -1px .2em 0;
  22.         }
  23.         .ui-tabs-vertical .ui-tabs-nav li a
  24.         {
  25.             display: block;
  26.         }
  27.         .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected
  28.         {
  29.             padding-bottom: 0;
  30.             padding-right: .1em;
  31.             border-right-width: 1px;
  32.             border-right-width: 1px;
  33.         }
  34.         .ui-tabs-vertical .ui-tabs-panel
  35.         {
  36.             padding: 1em;
  37.             float: right;
  38.             width: 51em;
  39.         }
  40.         a
  41.         {
  42.             outline: none;
  43.         }
  44.         a img
  45.         {
  46.             border: none;
  47.         }
  48.     </style>

thanks for any and all help!