Index: vertical-tabs.css
===================================================================
RCS file: /cvs/drupal/drupal/misc/vertical-tabs.css,v
retrieving revision 1.6
diff -u -r1.6 vertical-tabs.css
--- vertical-tabs.css	31 May 2009 00:51:41 -0000	1.6
+++ vertical-tabs.css	10 Sep 2009 17:05:13 -0000
@@ -4,7 +4,7 @@
   margin: 1em 0 1em 15em;
   border: 1px solid #ccc;
 }
-div.vertical-tabs ul.vertical-tabs-list {
+div.vertical-tabs dl.vertical-tabs-list {
   width: 15em;
   list-style: none;
   list-style-image: none; /* IE6 */
@@ -25,7 +25,7 @@
 }
 
 /* Layout of each tab */
-div.vertical-tabs ul.vertical-tabs-list li {
+div.vertical-tabs dl.vertical-tabs-list dt {
   background: #eee;
   border: 1px solid #ccc;
   border-top: 0;
@@ -33,36 +33,38 @@
   margin: 0;
   height: 1%;
 }
-div.vertical-tabs ul.vertical-tabs-list li a {
+div.vertical-tabs dl.vertical-tabs-list dt a {
   display: block;
   text-decoration: none;
   padding: 0.5em 0.6em;
   line-height: 1.3em;
   height: 1%;
 }
-div.vertical-tabs ul.vertical-tabs-list li a:focus {
+div.vertical-tabs dl.vertical-tabs-list dt a:focus {
   position: relative;
   z-index: 5;
 }
-div.vertical-tabs ul.vertical-tabs-list li a:hover {
+div.vertical-tabs dl.vertical-tabs-list dt a:hover {
   text-decoration: none;
 }
-div.vertical-tabs ul.vertical-tabs-list li.selected {
+div.vertical-tabs dl.vertical-tabs-list dt.selected {
   background: #fff;
   border-right-width: 0;
   position: relative;
 }
-div.vertical-tabs ul.vertical-tabs-list li.selected a:focus {
+div.vertical-tabs dl.vertical-tabs-list dt.selected a:focus {
   outline: 0;
 }
-div.vertical-tabs ul.vertical-tabs-list li.selected strong,
-div.vertical-tabs ul.vertical-tabs-list li.selected small {
+div.vertical-tabs dl.vertical-tabs-list dd.selected strong,
+div.vertical-tabs dl.vertical-tabs-list dd.selected small {
   color: #000;
 }
-div.vertical-tabs ul.vertical-tabs-list .summary {
+div.vertical-tabs dl.vertical-tabs-list .summary {
   display: block;
+  font-size: smaller;
+  padding-bottom: 0;
 }
-div.vertical-tabs ul.vertical-tabs ul.vertical-tabs-list .summary {
+div.vertical-tabs dl.vertical-tabs dl.vertical-tabs-list .summary {
   line-height: normal;
   margin-bottom: 0;
 }
Index: vertical-tabs.js
===================================================================
RCS file: /cvs/drupal/drupal/misc/vertical-tabs.js,v
retrieving revision 1.7
diff -u -r1.7 vertical-tabs.js
--- vertical-tabs.js	31 Aug 2009 05:51:08 -0000	1.7
+++ vertical-tabs.js	10 Sep 2009 16:54:43 -0000
@@ -19,7 +19,7 @@
       var focusID = $(':hidden.vertical-tabs-active-tab', this).val();
       var focus;
       // Create the tab column.
-      var list = $('<ul class="vertical-tabs-list"></ul>');
+      var list = $('<dl class="vertical-tabs-list"></ul>');
       $(this).wrap('<div class="vertical-tabs clearfix"></div>').before(list);
 
       // Transform each fieldset into a tab.
@@ -35,8 +35,8 @@
         }
       });
 
-      $('> li:first', list).addClass('first');
-      $('> li:last', list).addClass('last');
+      $('> dd:first', list).addClass('first');
+      $('> dd:last', list).addClass('last');
 
       if (!focus) {
         focus = $('> .vertical-tabs-pane:first', this);
@@ -108,10 +108,10 @@
  */
 Drupal.theme.prototype.verticalTab = function (settings) {
   var tab = {};
-  tab.item = $('<li class="vertical-tab-button"></li>')
-    .append(tab.link = $('<a href="#"></a>')
+    tab.item = $('<dt class="vertical-tab-button" tabindex="-"></dt>')
+      .append(tab.link = $('<a href="#"></a>')
       .append(tab.title = $('<strong></strong>').text(settings.title))
-      .append(tab.summary = $('<small class="summary"></small>')
+      .append(tab.summary = $('<dd class="summary"></dd>')
     )
   );
   return tab;