Noob search box styling question

[chappers]

I am gratefully trying out the free version of Zoom and have been trying to adapt the supplied Search Box code to meet my very basic need. Trouble is, the text entry field seems to move up a few pixels in IE7 (looks fine in Mac Safari). Is this because I have messed about with the code trying to adjust the position of the text field? The test page is here: http://www.englishchecker.co.uk and my 'customised' code is:

<div class="header dsR4">
<div class="dsR77" style=" position: relative; -adbe-g: p;">
<div>
<form class="dsR82" method="get" action="http://englishchecker.co.uk//search/search.php">
<table class="dsR115" cellpadding="0" cellspacing="0" align="right">
<tr>
<td class="dsR105" style=" border-style: none;">

<div class="dsR103" style=" background: url(img/searchbox.gif) no-repeat left top; padding: 0;">
<div align="left">
<span class="chrBaselineshiftx1 ds61">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;</span><span class="chrBaselineshiftx1"><input class="dsR124" type="text" name="zoom_query" style=" background-color: transparent; padding-right: 2px; padding-left: 5px; border-style: none;" size="22"/></span></div>
</div>
</td>
<td class="dsR93" style=" border-style: none;">

<input class="dsR92" type="submit" value="" style=" background: url(img/search_button.gif) no-repeat; border-style: none;"/></td>
</tr>
</table>
</form>
</div>
</div>
</div>

I'm sure there must be a better way to position the text field than multiple &nbsp; and a baseline shift! Should I perhaps put it in yet another Div instead?

I also tried to add a mouse-down image for the button but, for reasons unknown, the Search Box wouldn't work at all when I added the code via a GoLive action. If you can point me in the right direction, I would be very grateful.

Whilst writing, I must say that I have been very impressed by the support offered in this forum (hopefully not just to paying customers!) and by the excellent support pages elsewhere on the site. I suppose it would be too much to ask for a Mac version of your excellent software?

Simon

[Ray]

We provide some search boxes with HTML and CSS code in our FAQ here:
http://www.wrensoft.com/zoom/support/searchbox.html

You can use them for reference.

The fact that you have applied classes to your form and input tags make it impossible to determine what's actually happening since you may have external CSS which is affecting their appearance.

On the other hand, you should find this tutorial handy since their search form looks quite similar to yours:
http://blog.reindel.com/2007/08/13/howto-spruce-up-your-search-box-with-css-and-a-background-image/

Whilst writing, I must say that I have been very impressed by the support offered in this forum (hopefully not just to paying customers!) and by the excellent support pages elsewhere on the site. I suppose it would be too much to ask for a Mac version of your excellent software?

Refer to this FAQ for our definitive answer:
Q. Does Zoom run on Linux, Mac, BSD, ... ?