расчет ()100% + #пикселей

Я пытаюсь добиться чего-то, в чем я даже не уверен, что это возможно здесь.

Я пытаюсь разместить конкретное изображение PNG с тенью под навигацией для моего сайта. Однако я также хочу повторно использовать эту возможность для любого объекта на сайте, будь то изображение, элемент div или кнопка. В основном используйте одно и то же изображение тени для любого объекта.

Используя функцию css3 calc(), я пытаюсь сделать высоту объекта @ 100% + 25px (высота png ).

Я пробовал стиль:

height: -webkit-calc(100% + 25px); 
height:    -moz-calc(100% + 25px); 
height:      -o-calc(100% + 25px); 

Но из того, что я могу собрать в Firebug, 100% + 25px — это новые 100%, поскольку это ничего не дает.

Я также пробовал:

height: -webkit-calc(100% + 25px); 
height:    -moz-calc(100% + 25px); 
height:      -o-calc(100% + 25px); 
background-position: 0 -moz-calc(100% + 25px);

Но и здесь не до радости.

Если я использую calc (3em + 25px ); он работает без проблем, но он недостаточно гибок, чтобы работать с любым объектом.

Это вообще возможно? Я хоть что-то понимаю?!