Simple Form button submit doesn't show in IE 8-7

Tags: css,forms,internet-explorer

Problem :

Those super IE troubleshooters out there. Here is the bug. At the bottom of this form: there are two buttons. They appear perfect in IE10 FF etc., but not in IE 9-8-7. How do I fix this?

buttonbox css:

#buttonbox {
    display : block;
    margin-bottom : 20px;

button class css:

.button {
    background:rgba(0, 0, 0, 0.6);
    padding: 5px;
    float: left;
    width: 100px;
    border: 1px solid #000;
    font-size: 12px;
    font-weight: bold;
.button:hover {

button div html:

<div id="buttonbox">
    <input name="SOUMETTRE" type="submit" class="button"/>
    <input name="REINITIALISER" type="reset" class="button" />

-- more info, the button in IE 7-8-9 that are useless are black with no text (or black text) so we dont see the writing... but trigger the post from OK .... just cannot see the text that IS there in FF or IE10


Here is a multiple screen capture to SUM it up !

enter image description here

Solution :

The input tag needs to have a value attribute to tell the browser what text to display – Cody Guldner Mar 22 at 20:34

    CSS Howto..

    joomla: how is the CSS generated?

    How to add style to words (HTML/CSS)

    How do I make :hover inside div style? [duplicate]

    How to remove default CSS from TextField in flex?

    How to add a CSS style to a specific node using Greasemonkey? [closed]

    How might I get an element's border color value using jQuery?

    How to make gutter between columns in a CSS grid system

    Jquery how to change your website background?

    How does -ms-view-state differ from standard CSS Media Queries Expressions?

    CSS Sprites - How to leave Hover button in depressed state

    How to design “overflowing” border lines of css

    How to position three divs horizontally

    How to change css pseudo elements in javascript? [duplicate]

    Show HTML text if window width is too small with CSS

    How to get ID from CSS to Javascript without getElementByID?

    How do I require an HTML document (webpage) to be a certain size, or use scroll bars

    How to format text wrapped inside specific symbols within a html structure and format it

    How to increase-decrease the number (i.e. 0, 1,4..) size in CSS?

    How to not make text colored within a href link but the text is also within div?

    How to get an ellipsis to display on text in CSS

    How to make a webpage look like a popup? [closed]

    How can I be sure that a website is responsive by only looking the code?

    HTTPS and how to reference files and images

    How to “break line” via CSS?

    How to set keyboard focus to a representing parent element of a list

    How to visually indicate current page in ASP.NET MVC?

    How to use a CSS sprite for a Repeating background image?

    How to fit the parent of a CSS transformed HTML element?

    How to put a menu over the full width of the page using HTML and CSS?

    how to let dropdown menu align-right?