CSS + Firefox + Internet Explorer = verschillend

[The.Terminator]

Kheb het volgende probleem

Ik heb een upload / browse box op mijn website en die wordt door een CSS van width, font, etc voorzien.

Bij Internet Explorer (6) is de box zichtbaar zoals die hoort



maar bij FireFox 1.0.7 is de box niet zichtbaar zoals die hoort (de pixel breedte klopt nl niet).



Mijn CSS voor Inputboxes, Dropdown, File browse etc zien er als volgt uit

code:

.field_large {
    background-color: #FFFFFF;
    border: #000000;
    border-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #000000;
    width: 400px;
}

.pulldownmenu { font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-style: normal;
 width: 250px;
}

Het werkt voor Input boxes (text / password) en dropdown boxen, maar alleen voor file browse boxen niet.

[sjobiscity]

2 stylesheets maken, en bij die firefox kan je m gewoon floaten volgens mij

[ShellGhost]

Haal je site anders is hier door heen.
http://jigsaw.w3.org/css-validator/