[imperial.]

Gives me this error "invalid_tag_nesting" when I change the header code whit this.

<div class="top-header-info">
<table border="0">
  <tr>
    <td width="66" valign="top">{vb:raw header_avatar}</td>
    <td valign="top" align="left">Welcome, <b><a href="{vb:link member, {vb:raw bbuserinfo}}" style="color: #FFF; text-decoration: none;">{vb:raw bbuserinfo.username}</a></b> <a href="login.php?{vb:raw session.sessionurl}do=logout&amp;logouthash={vb:raw bbuserinfo.logouthash}" onclick="return log_out('{vb:rawphrase sure_you_want_to_log_out}')" style="font-weight: bold; color: #FFF; padding: 2px 4px 2px 4px; background:#2f4456;">X</a><br />
      <br />
      <b>Last Login:</b> {vb:raw pmbox.lastvisitdate} @ {vb:raw pmbox.lastvisittime}<br />
<vb:if condition="$notifications_total">
<dl class="th-dropdown">
  <dt id="one-ddheader" onmouseover="ddMenu('one',1)" onmouseout="ddMenu('one',-1)"><img src="images/arrowdown.png" border="0" /> User Panel - *New* ({vb:raw notifications_total})</dt>
  <dd id="one-ddcontent" onmouseover="cancelHide('one')" onmouseout="ddMenu('one',-1)">
    <ul>
{vb:raw notifications_menubits}
<vb:else />
      <dl class="th-dropdown">
  <dt id="one-ddheader" onmouseover="ddMenu('one',1)" onmouseout="ddMenu('one',-1)"><img src="images/arrowdown.png" border="0" /> User Panel</dt>
  <dd id="one-ddcontent" onmouseover="cancelHide('one')" onmouseout="ddMenu('one',-1)">
    <ul>
</vb:if>
      <li><a href="{vb:link member, {vb:raw bbuserinfo}}" class="underline">My Profile</a></li>
      <li><a href="profile.php?do=editprofile{vb:raw session.sessionurl_q}" class="underline">Edit Profile</a></li>
      <li><a href="usercp.php{vb:raw session.sessionurl_q}" class="underline">My Settings</a></li>
      <li><a href="profile.php?do=buddylist{vb:raw session.sessionurl_q}" class="underline">Friends & Contacts</a></li>
      <li><a href="private.php{vb:raw session.sessionurl_q}">Private Messages</a></li>
    </ul>
  </dd>
</dl>
</vb:if></td>
  </tr>
</table>
</div>