Не могу вывести картинку нужно размера - Вопросы по CSS

Прошу не кидать камнями новичка. Нужно вывести картинку и сделать изменение её при наведении курсора
В материале в коде прописал <div class="imgcl"> </div>
в CSS
.imgcl {
background: url("/images/obsluga.jpg") no-repeat;
height: 200;
width: 200;
}
.imgcl:hover {
background: url("/images/obsluga_sl.jpg") no-repeat;
border: 2px solid #f00;
height: 200;
width: 200;
}

В итоге вижу только часть картинки высотой одну строку, в чём проблема помогите разобраться

Потому что это бэкграунд
Задайте высоту блока

Добавьте в стиль одно из правил:
под размер с обрезкой (для заполнения)

чтоб целиком умещалось