Thanks Lynne, i've tried that and many other things, here's what i have
HTML Code:
<!-- breadcrumb, login, pm info -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td width="100%" class="alt1">
<if condition="is_array($navbits)">
<table cellpadding="0" cellspacing="0" border="0">
<tr valign="bottom">
<td><a href="#" onclick="history.back(1); return false;"><img src="$stylevar[imgdir_misc]/navbits_start.gif" alt="$vbphrase[go_back]" border="0" /></a></td>
<td> </td>
<td width="100%"><span class="navbar"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1">$vboptions[bbtitle]</a></span> $navbits[breadcrumb]</td>
</tr>
<tr>
<td class="navbar" style="font-size:10pt; padding-top:1px" colspan="3">
<if condition="$_SERVER['REQUEST_METHOD'] == 'POST'">
<img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_finallink_$stylevar[textdirection].gif" alt="" border="0" />
<else />
<a href="$navbar_reloadurl">
<img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_finallink_$stylevar[textdirection].gif" alt="$vbphrase[reload_this_page]" border="0" /></a></if>
<h1 class="h1"><strong>$navbits[lastelement]</strong></h1>
</tr></table>
<else />
<div class="navbar" style="font-size:10pt"><a href="$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1">
<img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_start.gif" alt="" border="0" /></a> <strong>$vboptions[bbtitle]</strong></div>
Page showing the last 10:-<div id="drop_box_nav">
<form action="#" onsubmit="return go_nav();">
'Some stuff
</form>
</div>
<script type="text/javascript" src="subnav.js"></script>
<td class="alt1" id="vbnav1r">
<img src="http://www.thecodecage.com/forumz/images/ccblue.png" style="width: 100;repeat: no-repeat;border: 0;" />
</td>
.............rest of navbar code!
But the image wont scale, just pushes everything out!, the
id=vbnav1r is set in additional css and just has "Width: 30%;"
HTML Code:
#vbnav1r{
width: 30%;
}