MyBB Community Forums

Hey , its my header html code
can anyone help me to make the Header image be flexible with the Screen resolution ?
i mean the header enlarge ( autoscale ) with the screen resolution ?

sorry for my english i hope anyone understand me

<div id="container">
		<a name="top" id="top"></a>
		<div id="header">
<table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td align="center"><table border="0" cellpadding="0" cellspacing="0" width="900"><tr>
  <td align="center"><img border="0" src="images/1/body/header.jpg" width="900" height="300"></td>
</tr></table></td></tr></table>
			<div class="menu">
				<ul>
					
					<li><a href="{$mybb->settings['bburl']}/search.php">{$lang->toplinks_search}</a></li><li></li><li></li><li></li>
					<li><a href="{$mybb->settings['bburl']}/memberlist.php">{$lang->toplinks_memberlist}</a></li><li></li><li></li><li></li>
					<li><a href="{$mybb->settings['bburl']}/calendar.php">{$lang->toplinks_calendar}</a></li><li></li><li></li><li></li>
					<li><a href="{$mybb->settings['bburl']}/misc.php?action=help">{$lang->toplinks_help}</a></li><li></li><li></li><li></li>
                                        <li><a href="{$mybb->settings['bburl']}/member.php?action=register">{$lang->welcome_register}</a></li><li></li><li></li><li></li> 
				
				</ul>
			</div>
			<hr class="hidden" />
			<div id="panel">
				{$welcomeblock}
			</div>
		</div>
		<hr class="hidden" />
		<br class="clear" />
		<div id="content">
			{$pm_notice}
			{$bannedwarning}
			{$bbclosedwarning}
			{$unreadreports}
			<div class="newnew"><navigation></div>
			<br />