Hi,

I have a problem with mozilla with hidden fields. I have declared input in my style sheet as such,

input, select {
    background-color: #DDD;
    font-size: 12px;
    border: 1px solid #000000;
}

label, input, select {
    display: block;
    width: 150px;
    float: left;
    margin-bottom: 10px;
}

The problem is that Mozilla renders hidden fields with this style drawing a line 150px X 2px where ever there is a hidden field. Is there a way to declare a class for hidden input elements (eg hidden:input) to have border:0px; margin:0px or do I have to go through my code placing all the hidden fields in a class?

Unfortunatly I am working locally so I cannot link to the site in question.

Yeah, you could give all <input type="hidden" a class. But since your concern is Mozilla you can use an attribute selector (IE doesn't understand them).
http://www.w3.org/TR/REC-CSS2/select...bute-selectors

input[type=hidden] { display: none }

--
http://yupapa.com