I am trying to write a section of code so that my website displays my name/logo and in a parallel space next to it I wanted to put a Bing search bar. I tested my code out in W3 display page and the two sections that I wished to display side by side appear one after the other, with the search bar below instead of to the right. I would love any help on how to keep the Seismologik banner and the search bar in line with one another. Thank you!
This is the code:


    <th><img border="0" src="http://www.seismologik.com/storage/Seismologic_logo4e%20copy.jpg" alt="Seismologik" width="510" height="75" /></th>

<table cellpadding="0" cellspacing="0" style="width:275px; height:32px;"><tr id="WLSearchBoxPlaceholder"><td style="width:100%; border:solid 1px #cccccc; border-right-style:none; padding-left:10px; padding-right:10px; vertical-align:middle;"><input id="WLSearchBoxInput" type="text" value="Loading..." disabled="disabled" style="background-image:url(http://www.bing.com/siteowner/s/siteowner/searchbox_background_k.png); background-position:right; background-repeat:no-repeat; font-family:Arial; font-size:14px; color:#000000; width:100%; border:none 0 transparent;"/></td><td style="border:solid 1px #cccccc; border-left-style:none; padding-left:0px; padding-right:3px;"><input id="WLSearchBoxButton" type="image" src="http://www.bing.com/siteowner/s/siteowner/searchbutton_normal_k.gif" style="border:none 0 transparent; height:24px; width:24px; vertical-align:top;"/></td></tr></table>
	<script type="text/javascript" charset="utf-8">