Question

Please see this css code

#ContactForm .wrapper {
min-height:30px;
padding-bottom:8px;
} 
#ContactForm .bg {
border:1px solid #aaaaaa;
background-color:#e9e9e9;
float:left;
}
#ContactForm .input {
width:200px;
height:12px;
background:none;
padding:6px 10px 6px 10px;
color:#000;
font:10px Arial, Helvetica, sans-serif;
}

When I test it in browser (firefox) the input block is of some height.. I try reducing the top and bottom padding value from 6 to zero but no avail.
Also reducing height from 12 to lower value does not help.

It is stubborn and fixed to some height. What could be wrong??
I can provide with other data also, if needed.

This is html code

<div  class="wrapper"> <strong>Phone:</strong>
        <div class="bg">
                <input type="text" class="input" >
        </div>
</div>

Thanks in advance

Answer 1

i think reducing the height from wrapper will halp.. if not the height must be controlled from some other factor.. check that..

on a look on your code this is the solution..

update us for the same..

#ContactForm .wrapper {
min-height:30px;   (CHECK THIS)
padding-bottom:8px;
}