Проблемы с отображением текстового поля в Opera и Firefox

Question

Мне нужна ваша помощь с моим дисплеем-заполнителем текстового поля, для Opera и Firefox. Буквы не отображаются полностью, когда я ввожу в коробку. Этого не происходит в Google Chrome.

В настоящее время выглядит следующим образом

Image

CSS

.Input_Text { 
border: none !; 
outline: none;  
font-size: 15px; 
margin: 5px 5px 5px 0px; 
width: 195px; 
height: 5px; 
color:  black; 
opacity:  0.6; 
padding: 10px 10px; 
border-radius: 5px; 
font-family: lucida grande; 
margin-bottom: 5px; 
} 

Answer 1

Высота баловаться с кодом. Вы можете установить его с помощью свойства прокладки.

Answer 2

height: 5px; - это должен быть ваш преступник !!! ..

Try 15px/20px или больше ..

Answer 3

Регулировка высоты

.Input_Text { 
    border: none !; 
    outline: none;  
    font-size: 15px; 
    margin: 5px 5px 5px 0px; 
    width: 195px; 
    height: 10px; 
    color:  black; 
    opacity:  0.6; 
    padding: 10px 10px; 
    border-radius: 5px; 
    font-family: lucida grande; 
    margin-bottom: 5px; 
}​ 

DEMO