Работа с изображениями

[RomanSSS]

Есть следующий html код:

<a href="." class="dynamic-url"><img src="15.gif"></img>
 
</a>

Т.е. кртинка в ссылки.

Вопрос: как обрезать катинку по ширине не меняя высоту, даже точнее прикрыть 10px побокам с выравнивание картнкипо центру?
Использовал clip: rect(auto, auto, auto, auto); - ноздесь нужно высоту регулировать
И второй вопрос:
Скажите, к примеру в тексте у нас стоит картинка 400px, когда мы сжимаем окно меньше 400px - то картинка выходит за бордер окна и ломает дивы в которой она заключены. Если способ это исправить, к примеру задать свойства - если окно ужи картинки, растянут картинку на 100% окна или каким либо другим образом.

 

[Fog_patch]

первый вопрос не понят.
position: absolute;
clip: rect(auto, XXX, auto, XXX);
какую высоту нужно регулировать?

 

[RomanSSS]

Мне нужно что бы не трогол высоту, если режим ширину.

Ну вот такой вариан работает, но проблема в position:absolute:

.box img{
position:absolute;
clip:rect(auto 250px auto 50px);
}

выскакивает картинка при изменении ширны окна, Fog_patch - может быть есть где либо рабочий пример посмотреть? Просто я сам принцым не совсем понимаю.