css для разных классов ввода

привет у меня следующая проблема:

я проверяю свою форму на наличие некоторых сообщений об ошибках php.

в случае отсутствия ошибок у меня просто есть мои настройки css:

.wrapper #frame form fieldset ul input {
    color: #f23;
    font-size: 10px;
    height: 18px;
    padding-left: 5px;
    margin-top: 3px;
    outline:none;
}

и мои настройки фокусировки:

.wrapper #frame form fieldset ul input:focus{
    color:#fff;
    font-weight: bold;
    border: 2px solid #fff;
}

хорошо, теперь я изменил эту строку:

<input type="text" id="normal" name="1" value=""/>

с добавлением класса ошибки:

<input class="err" type="text" id="normal" name="1" value=""/>

проблема в том, что мои настройки имеют место только для сведений о моем классе в полях ввода, но не в моих настройках фокуса:

.err {
    color: #444444;
    font-size: 10px;
    width: 180px;
    height: 18px;
    padding-left: 5px;
    outline:none;   
    background-image: url(../images/error.png);
}
.err input:focus{
    color:#f23;
    font-weight: bold;
    border: 2px solid #f23;
}

так что если есть кто-то, кто может сказать мне, почему это не работает, я был бы признателен. большое спасибо.