unificare due div in uno

[Progeny]

Salve, ho un codice HTML del tipo:

<div class="tab_panel"><span>Contatti</span></div>
<div>
<table style="width: auto;" cellpadding="1" cellspacing="1">
  <tr>
    <td>[img]images/profile/msn.png[/img]</td>
    <td>MSN</td>
    <td><?php echo($profile['msn']); ?>
  </tr>
  <tr>
    <td>[img]images/profile/skype.png[/img]</td>
    <td>Skype</td>
    <td><?php echo($profile['skype']); ?>
  </tr>
</table>
</div>

ed il seguente codice CSS

/* Tab Panel */
div.tab_panel {
  /*width: 178px;*/
  width: auto;
  height: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
  line-height: 30px;

  background: url(../images/css/tab/tab2.png) no-repeat;
  border-bottom: 1px solid #BCD2E6;

  font-size: 10px;
  font-weight: bold;
  text-indent: 10px;
}

div.tab_panel:hover {
  color: #FF9C00;
  background: url(../images/css/tab/tab1.png) no-repeat;
} 

mi piacerebbe tanto per avere le cose ordinate, usare un unico div... tipo il codice HTML diverebbe:
<div class="tab_panel">
<p class="title">Contatti</p>
<table>...</table>
</div>

qualcuno ha qualche suggerimento? c'è da tener presente che c'è anche l'hover su tab_panel