Firefox and Form Input Button

[bumpaw]

I have a site with a small form that users access database info with. The button labeled "Search" has an area on it that is not active when moused in Firefox but the total button is active in IE. It's easy to click on it in Firefox and think the button is dead.

I guess the question is are there attributes that can be added to make Firefox see the button as IE does?

[encyclo]

Are you talking about a standard form submit button for a form, bumpaw? Usually the default look for buttons is controlled by the operating system: Windows XP adds a mouseover highlighting effect. However, this should happen in Firefox too running the same OS.

Have you styled the button with any CSS at all?

[bumpaw]

We are talking standard form submit buttons with no style directly on the button, but maybe I'll have to dig deeper here. I have another page that's very similar that doesn't exhibit the problem so it could be a style. I did this php site over a year ago and have to get my mind around it.

Windows XP adds a mouse over highlighting effect.

Yep that's it but the troubled button has a dead area in it with Firefox.

[asquithea]

Maybe you have positioned a layer or div on top of part of the button.

[JAB Creations]

A generic input {} (or button {}?) may be hidden away someplace?

[bumpaw]

Solution found: Lucky I had another page that worked to compare with. Both pages validated html 4.01 transitional but yet Firefox was having a problem with only one submit button.

This was working:

[3]</div>
 <p>
 <input type="submit" name="Submit" value="Search"> 
 </p>
 </form>
 </div>
[/3]

This was the page that had the bug:

[3]<tr><td colspan="2">
<p><input type="submit" name="Submit" value="Search">
</p></td></tr>
</table>
</div>
</form>
</div>
[/3]

By moving the <input> down next to the </form> it solved the problem:

[3] </td>
 </tr>
 </table>
 </div>
 <p>
  <input name="Search" type="submit" id="Search" value=" Search">
  </p>
 </form>
 </div>
[/3]