Reset button falling down in IE 6

HTML & CSS
1

Hi, Im styling up a form which is hosted by eactivist…

It looks fine in most browsers, but I noticed the reset button is pushed down slightly.

The code for the buttons is :



<span class="eaSubmitResetButtonGroup" id="eaFormButtonGroup_1">
<input type="submit" class="eaSubmitButton" value="Submit">
<input type="button" onclick="doEAPageRefresh(this.form)" class="eaResetButton" value="Reset">
</span>

and you can see the form on this link

2

why, Paul, but remember, there are rules to obey. That means you have to do that w/o affecting the html markup! :wink:

3

Hi,

I can tell you why the button is lower but unless you can access the source of that iframe then there won’t be much that you can do about it.

The problem is that there are two non breaking spaces between the floated inputs which pushes the reset button down one line. The spaces need to be removed.


    <input type="submit" class="eaSubmitButton" value="Submit">
    </input>
  [B]  &nbsp;&nbsp;[/B]
    <input type="button" onclick="doEAPageRefresh(this.form)" class="eaResetButton" value="Reset">
    </input>