[jacko_162]

I have a design problem with my header which i cant resolve and i hope someone here who knows a little more about it can.

this is my header Template;

<script type="text/javascript" src="http://www.tapatalk.com/files/tapatalkdetect.js"></script>
<div class="above_body"> <!-- closing tag is in template navbar -->
<div id="header2" class="floatcontainer doc_header"> {vb:raw ad_location.ad_header_logo}
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr valign="top">
        <td width="336"><a name="top" href="{vb:raw vboptions.forumhome}.php{vb:raw session.sessionurl_q}" class="logo-image"><img src="{vb:stylevar titleimage}" 
alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a></td>
        <td><div align="center">
          <table border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td rowspan="3"><img src="images/spacer.gif" width="1" height="1" border="0"></td>
                <td><img src="images/banner/1.gif" border="0"></td>
                <td background="images/banner/2.gif"><img src="images/banner/2.gif" border="0"></td>
                <td><img src="images/banner/3.gif" border="0"></td>
              </tr>
              <tr>
                <td background="images/banner/4.gif"><img src="images/banner/4.gif" border="0"></td>
                <td bgcolor="#f1e8c5"><!--@vbbanners:2@--></td>
                <td background="images/banner/5.gif"><img src="images/banner/5.gif" border="0"></td>
              </tr>
              <tr>
                <td><img src="images/banner/6.gif" border="0"></td>
                <td background="images/banner/7.gif"><img src="images/banner/7.gif" border="0"></td>
                <td><img src="images/banner/8.gif" border="0"></td>
              </tr>
            </table>
        </div></td>
        <td><img src="http://www.ocean-wonders.co.uk/messageboard/images/island.png" border="0"></td>
      </tr>
    </table>
</div>
<div id="header" class="floatcontainer doc_header"><div id="toplinks" class="toplinks">
		<vb:if condition="$show['member']">
			<ul class="isuser">
				<li><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}')">{vb:rawphrase log_out}</a></li>
				<vb:if condition="$show['registerbutton']">
				<li><a href="register.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase register}</a></li>
				</vb:if>				
				<li><a href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase control_panel}</a></li>
				<li><a href="{vb:link member, {vb:raw bbuserinfo}}">{vb:rawphrase your_profile}</a></li>
				<vb:if condition="$notifications_total">
				<li class="popupmenu notifications" id="notifications">
					<a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}: <span class="notifications-number"><strong>{vb:raw notifications_total}</strong></span></a>
					<ul class="popupbody popuphover">
						{vb:raw notifications_menubits}
					</ul>
				</li>
				<vb:else />
				<li class="popupmenu nonotifications" id="nonotifications">
					<a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}</a>
					<div class="popupbody popuphover">
						<p>{vb:rawphrase no_new_messages}</p>
						<p><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></p>
					</div>
				</li>
				</vb:if>
				<li class="welcomelink">{vb:rawphrase welcome_x_link_y, {vb:raw bbuserinfo.username}, {vb:link member, {vb:raw bbuserinfo}}}</li>
			</ul>
			<vb:comment><p>{vb:rawphrase last_visited_x_at_y, {vb:raw pmbox.lastvisitdate}, {vb:raw pmbox.lastvisittime}}</p></vb:comment>
		<vb:else />
			<ul class="nouser">
			<vb:if condition="$show['registerbutton']">
				<li><a href="register.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase register}</a></li>
			</vb:if>			
				<li><a rel="help" href="faq.php{vb:raw session.sessionurl_q}">{vb:rawphrase help}</a></li>
				<li>
			<script type="text/javascript" src="clientscript/vbulletin_md5.js?v={vb:raw vboptions.simpleversion}"></script>
			<form action="login.php?{vb:raw session.sessionurl}do=login" method="post" onSubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, {vb:raw show.nopasswordempty})">
				<fieldset id="logindetails" class="logindetails">
					<div>
						<div>
					<input type="text" class="textbox default-value" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>" onfocus="if (this.value == '<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>'){this.value=''; this.style.color='black';}" onblur="if (this.value == '') {this.value='<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>'; this.style.color='#828282';}"/>
					<input type="password" class="textbox default-value" tabindex="102" name="vb_login_password" id="navbar_password" size="10" onFocus="this.style.color='black';" />
					<input type="submit" class="loginbutton" tabindex="104" value="{vb:rawphrase log_in}" title="{vb:rawphrase enter_username_to_login_or_register}" accesskey="s" />
						</div>
					</div>
				</fieldset>
				<div id="remember" class="remember">
					<label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" id="cb_cookieuser_navbar" class="cb_cookieuser_navbar" accesskey="c" tabindex="103" /> {vb:rawphrase remember_me}</label>
				</div>
			
				<input type="hidden" name="s" value="{vb:raw session.sessionhash}" />
				<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
				<input type="hidden" name="do" value="login" />
				<input type="hidden" name="vb_login_md5password" />
				<input type="hidden" name="vb_login_md5password_utf" />
			</form>	
				</li>
			</ul>
		</vb:if>
	</div>
	<div class="ad_global_header">
		{vb:raw ad_location.global_header1}
		{vb:raw ad_location.global_header2}
	</div>
	<hr />
	{vb:raw ad_location.ad_header_end}
</div>

and this is what its doing (attached)

i tried adding a float style;

style="float:right; margin: 5px -12px 5px 10px;"

but that makes it works

im not sure if it has anything to do with the size of my header title?

current link is:
www.ocean-wonders.co.uk/messageboard

hopefully someone can help me so i can move forward with some more designing the articles and blogs.