Hidden Form Inpt Buttons in IE

Discussion in 'CSS' started by danclark, Aug 30, 2007.

  1. #1
    Hi.

    I am trying to style my input forms on my website but am running into some trouble with Internet Explorer.

    I am using code to place a background image on the submit buttons that looks something like this:

    fieldset input.btn-login{ background:transparent url("IMAGEURL") no-repeat; height:19px; width:102px; text-indent:-1000em; border:none;}

    On the page that I am using this, I have three submit buttons for three seperate forms. Each button has a different background for the button and as such a different style. e.g

    fieldset input.btn-1
    fieldset input.btn-2
    fieldset input.btn-3

    Now firefox has no problem in displaying all three buttons with their respective background images. But IE seems to have trouble displaying the last 2 buttons. The first is sitting pretty as it should be, but buttons 2 and 3 are nowhere to be seen on screen.

    Any ideas why?
     
    danclark, Aug 30, 2007 IP