В любом случае, чтобы метка реагировала на: focus CSS

Есть ли способ заставить ярлык реагировать на фокус. У меня есть код, в котором текстовое поле имеет другой стиль в фокусе. Однако этикетка также нуждается в немного другом стиле. Я пробовал это, но это не повлияло на метку.

#header .search label {
    background:url(http://www.golfbrowser.com/images/icons/search.png) left top no-repeat;
    padding-left:20px;
    height:20px;
    float:right;
}
#header .search label:focus {
    background:url(http://www.golfbrowser.com/images/icons/search-z.png) left top no-repeat;
    padding-left:20px;
    height:20px;
    float:right;
}
#header .search input {
    padding:0px;
    border:0px;
    width:140px;
    height:20px;
    float:left;
    padding-right:10px;
    background:url(http://www.golfbrowser.com/images/icons/searchbar.png) right top no-repeat;
}
#header .search input:focus {
    padding:0px;
    width:190px;
    height:20px;
    float:left;
    padding-right:10px;
    background:url(http://www.golfbrowser.com/images/icons/searchbar-z.png) right top no-repeat;
}

Этикетка содержит изображение и другую часть круглого угла, и она тоже должна изменить цвет, чтобы поле выглядело правильно.

Любые идеи,

] Чудесный