Input text problem in IE and firefox

Asked By 10 points N/A Posted on -


I am loading html input text boxes on images. 

<div style="position:absolute;top:494;left:115">
        <textarea   name="TEXT1" id="TEXT1" class="TxtAreaTxtBox"  onchange="changeEvent(this);"  ></textarea>

On background image I am placing the control like this.

But in IE i cannot change the text area, in Firefox i am able to resize the text area.

I mean to say the text area is not fitting, the arrow mark is coming to resize the image.

I  am attaching the two images.

Please give me a solution.

Thanks in Advance


Best Answer by mughal
Best Answer
Best Answer
Answered By 5 points N/A #89811

Input text problem in IE and firefox

  • I'm trying to style my form buttons and I'm experiencing a problem in Firefox that I can't get to the bottom of…
  • I want to style certain <a />s and <input type="submit" />s to look the same (I have a button background image, using a sliding-doors technique to apply a hover effect.)
  • This all works great, except in Firefox, the input submit text is slightly lower down than it should be. IE and Safari/Chrome work fine.

Anyone got any ideas?


<p class="buttons">

    <a href="#" class="button btn-small-grey">&laquo Back</a>

    <input type="submit" class="button btn-large-green" value="Save changes" />




    cursor: pointer;

    border: 0;

    background-color: #fff;

    color: #fff;

    font-size: 1.4em;

    font-weight: bold;

    outline: 0;

    font-family: Arial, Verdana, Sans-Serif;




    display: block;

    float: left;

    text-align: center;

    text-decoration: none;

    padding: 5px 0 0 0;

    height: 22px;

    margin-right: 1em;




    height: 27px;

    width: 96px;

    background-position: 0 -81px;

    background-image: url(/assets/images/buttons/buttons-small.gif);




    height: 27px;

    width: 175px;

    background-position: 0px -54px;

    background-image: url(/assets/images/buttons/buttons-large.gif);



Login/Register to Answer

Related Questions