Картинка absolute должна занимать весь слой без учета padding

[Zverushka]

http://jsfiddle.net/Zverushka/q9Vmk/

Как сделать, чтобы картинка была равна по ширине и высоте своему родителю, но без учета padding? картинка должна быть absolute. ie8+

Edited June 16, 2014 by Zverushka

[xzarxzes]

http://jsfiddle.net/Zverushka/q9Vmk/

Как сделать, чтобы картинка была равна по ширине и высоте своему родителю, но без учета padding? картинка должна быть absolute. ie8+

http://jsfiddle.net/xzarxzes/4Y5ez/ может так ? а нет я неправильно понял

Edited June 16, 2014 by xzarxzes

[Zverushka]

@xzarxzes, не увидела измениий - картинка должна встать в пазик внешнего слоя - то есть стать аккуратненьким квадратиком размеро в 100 пикселей или в 74 пикселей как в твоем случае.

[Нарек]

http://jsfiddle.net/q9Vmk/2/

[Zverushka]

@Нарек, padding: 10px; съелся картинкой - нужно соблюсти этот отступ и размеры с учетом него.

[xzarxzes]

http://jsfiddle.net/q9Vmk/2/

тут все равно ширина картинки 120, а ширина родителя 100

[Нарек]

@Zverushka,aa, я не так понял, извиняюсь. 

Как вариант дополнительная разметка http://jsfiddle.net/q9Vmk/3/

[SelenIT]

http://jsfiddle.net/q9Vmk/4/ ?

[Zverushka]

@SelenIT, почти, дело в том, что у картинки есть border-raidus, который я забыла указать. http://jsfiddle.net/Zverushka/q9Vmk/5/
И с паддингом он съедается.

Edited June 16, 2014 by Zverushka

[Нарек]

@Zverushka,Я настаиваю      http://jsfiddle.net/q9Vmk/7/

Edited June 16, 2014 by Нарек

[Zverushka]

@Нарек, все как надо, но не хотелось бы лишней обертки)..... я немного не понимаю, почему не работает width: 100%, если обозначить box-sizing

Edited June 16, 2014 by Zverushka

[SelenIT]

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

[Zverushka]

@SelenIT, в принципе неплохо, с padding и border одинаково получается - просто border-radius приходится увеличивать на 10px, чтобы он был 5px.

[SelenIT]

С padding-ом IE9 артачился, к сожалению(