hokil

Скорей всего так и сделаю, благодарю за помощь. Примерно такой круг: http://s54.radikal.ru/i143/1106/3c/e95b48463204.jpg Конечно же без Хауса. =)

Тоже об этом думал, но как-то не очень удобно получается. Других вариантов я не вижу. Картинка представляет собой круг, так что растянуть не получается. Необязательно чтобы менялся размер картинки, главное чтобы она полностью отображалась в диве, независимо от его размера.

Картинка получается больше дива, а она должна полностью в нем помещаться. Проблема в том, что размеры дива изменяются в зависимости от размера окна браузера...

Доброго времени суток! Не знаю как сделать лучше. Есть большая картинка размером 100*100px, и есть маленький div 50*50px. Как сделать чтобы картинка отображалась в нем полностью? Привожу свой кривой код. html: <div id="wrap_button"> <a class="screen_button" href="#"></a> </div> css: div#wrap_button { width: 50px; height: 50px; } a.screen_button { display: block; background: url(images/button.png) no-repeat; height: 100%; width: 100%; } P.S. <img /> вставлять не желательно, так как при наведении на ссылку должна меняться картинка. Буду благодарен за помощь.