Grafikfehler im Style

[General]

Ich passe zur Zeit das vBulletin (grafisch) an mein CMS an. Aber hierbei hab ich ein kleines Problem, siehe Anhang, was ich nicht lösen kann.
Es handelt sich dabei um diesen weißen, etwa 160px Abstand zwischen den beiden header grafiken!

Ich weiß nicht, wie ich den weißen Bereich entfernen kann!!

Der Teil aus dem Header Template:
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
<td align="left"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><div id="myWelcomeMessage"></div></a></td>
<td align="left">
<div id='headerTop'>
<div id='siteName'>Testheader</div>
<div id='siteTag'>blablabla</div>
</div>
<div id='headerBottom'>
<div class='menuBar' style='width:100%; white-space: nowrap'>
<a class='menuButton' href='/index.php' style='background-image: url(/e107_themes/daysgoby_v7/images/arrow.gif); background-repeat: no-repeat; background-position: 3px 1px; white-space: nowrap' >1212</a>
<a class='menuButton' href='seite.php' style='background-image: url(/e107_themes/daysgoby_v7/images/arrow.gif); background-repeat: no-repeat; background-position: 3px 1px; white-space: nowrap' >1213</a>
<a class='menuButton' href='page.php?25' style='background-image: url(/e107_themes/daysgoby_v7/images/arrow.gif); background-repeat: no-repeat; background-position: 3px 1px; white-space: nowrap' >1214</a>
<a class='menuButton' href='page.php?14' style='background-image: url(/e107_themes/daysgoby_v7/images/arrow.gif); background-repeat: no-repeat; background-position: 3px 1px; white-space: nowrap' >1215</a>
<a class='menuButton' href='page.php?13' style='background-image: url(/e107_themes/daysgoby_v7/images/arrow.gif); background-repeat: no-repeat; background-position: 3px 1px; white-space: nowrap' >1216</a>
<a class='menuButton' href='page.php?12' style='background-image: url(/e107_themes/daysgoby_v7/images/arrow.gif); background-repeat: no-repeat; background-position: 3px 1px; white-space: nowrap' >1217</a>
</div></div>
Die dazugehoerigen CSS:
#myWelcomeMessage {width: 195px; height: 185px; padding: 10px 15px 10px 5px; background: url(images/header_left.jpg); color: #fff;}
#headerTop {height: 155px; background: #103976 url(images/header_right_top.jpg) no-repeat;}
#headerBottom {height: 50px; background: url(images/header_right_bottom.jpg) repeat-x;}

/* ## Nav Menu ############################################################### */

div.menuBar,
div.menuBar a.menuButton, div.menuButton, div.menuButton_over,
div.menu,
div.menu a.menuItem {
font-family: "MS Sans Serif2", arial, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #000;
}

div.menuBar {
background-color: transparent;
border: 0px;
padding: 4px 0px 4px 0px;
text-align: left;
}

div.emenuBar {
background-color: #transparent;
border: 0px;
text-align: left;
}

div.menuBar a.menuButton, div.menuButton, div.menuButton_over {
background-color: transparent;
border: 0px;
color: #fff;
font-weight: bold;
cursor: default;
left: 0px;
margin: 0px;
padding: 2px 4px 2px 22px;
position: relative;
text-decoration: none;
top: 0px;
z-index: 100;
}

div.menuBar a.menuButton:hover, div.menuButton:hover, div.menuButton_over {
background-color: transparent;
text-decoration: underline overline;
color: #fff;
font-weight: bold;
}

div.menuBar a.menuButtonActive, div.menuButtonActive, div.menuButtonActive:hover,
div.menuBar a.menuButtonActive:hover {
background-color: transparent;
text-decoration: underline overline;
color: #fff;
font-weight: bold;
left: 1px;
top: 1px;
}

div.menu {
background-color: #f0f3f5;
border: 0px;
left: 0px;
padding: 1px 1px 1px 1px;
position: absolute;
top: 0px;
visibility: hidden;
z-index: 101;
}

div.menu a.menuItem {
color: #23354d;
cursor: default;
display: block;
padding: 2px 11px 2px 0px;
text-decoration: none;
font-weight: normal;
white-space: nowrap;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
background-color: #0b3c74;
color: #ffffff;
font-weight: bold;
}

div.menu a.menuItem span.menuItemBuffer {
padding: 0px 2px 0px 2px;
color: #ffffff;
}

div.menu a.menuItem:hover span.menuItemBuffer {
padding: 0px 2px 0px 2px;
color: #ffffff;
}

div.menu a.menuItem span.menuItemText {
padding: 0px 0px 0px 3px;
}

div.menu a.menuItem span.menuItemArrow {
margin-right: -.75em;
}

div.menu div.menuItemSep {
border-top: 1px solid #a5a5a5;
border-bottom: 1px solid #ffffff;
margin: 4px 2px;
}

a.menuItem.header {
border-bottom: 1px solid #b3b3b3;
}

Ich danke euch schon jetzt für eure Hilfe!! :)