Brutal-elegant layout

I have never done this before, however, everything is in order.

It happened to me to make up a beautifully designed search form with all sorts of PNG-baubles and a button with a picture. Everything would be fine, for a couple of days everything worked like a clock, it was sent, searched, etc. And then the project manager tells me: “The form does not work.” How so? I looked at FF - it works, at Opera - Ok, at IE7 - it works, at the six there is a blockage. Pancake. As if disabled on <input type = "image" src = "picture"> is set, but no - nothing like that.

I try onclick = "this.form.submit ()" - FIG you.
Trying onclick = "document.forms ['form_name']. Submit ()" - FIG.
')
I think, what if the matter is not in the button, I put the usual Submit - it works only when it hits the two rightmost pixels - Damn.

And then I had to pervert:
<form method="get" action="/search/" name="form_name">
<table cellpadding="0" cellspacing="0">
<tr>
<td><img src="/img/inner/spacer.gif" width="15" height="22"></td>
<td height="22"><input type="text" name="q" value=""></td>
<td width="27" height="22" onclick="document.forms['form_name'].submit()">
<input type="submit" value="" style="border-width: 0;
background-color: transparent;
background: url('/img/pretty_button.gif') 0px 3px no-repeat;
width: 27px; height: 22px;">
</td>
</tr>
</table>
</form>


Which characteristically works everywhere ... :)

UPD: Although it was possible to just insert a picture ...