CSS Submit Image not showing in Internet Explorer

Discussion in 'CSS' started by Steve00, Apr 8, 2012.

  1. #1
    For some odd reason the "Give Me An Estimate" button works perfectly in Chrome and Firefox but not Internet Explorer.

    Can anyone point out why?

    URL to website: http://www.drivinginstructorsinmiltonkeynes.org

    The CSS

    .submitbutton {background: white url(http://www.drivinginstructorsinmiltonkeynes.org/wp-content/uploads/2012/04/submitbutton.png);
    width:280px;
    border: 2px solid black;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-weight:bold;
    font-size:15px; color:black;
    margin-left:20px;
    }
    
    
    .submitbutton:hover {
    background: white url(http://www.drivinginstructorsinmiltonkeynes.org/wp-content/uploads/2012/04/submitbutton.png);
    font-weight:bold;
    font-size:15px; color:black;
    }
    Code (markup):
     
    Steve00, Apr 8, 2012 IP
  2. Steve00

    Steve00 Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Problem solved.

    The problem was not defining a height. For some reason Internet Explorer demands it while the other browsers don't.
     
    Steve00, Apr 8, 2012 IP