Form field input vertically with my image submit

aaahhh how can I align my form field input vertically with my image submit button in all browsers? please help currently image sits higher than other elements! :wink:

Give it a width and height in your css and use the image for the button accordingly


.button {
    width: 30px; height: 120px; background: url(yourimg.gif);
}

nailed it with #button{vertical-align: top;} cheers for help anyway mate :wink:

thanks for assistance, didnt work though : (

pls see code below for assistance

<div id=“search1”>

<form id=“searchform1” method=“get” name=“form” action=“/page.html”>
<label>Search</ label >
< input id=“searchfor” class=“field” size=“18” name=“searchfor”>
<input type=“image” class=“button” id=“button” value=“Go” src=“button.gif” alt=“search”>
</ form >

</div>

Without see your code, this is a stab in the dark:

img {
  vertical-align: middle;
}