Обработка градиента CSS в Internet Explorer

Я создал стиль, который будет давать всем« кнопкам »градиентный фон. Попытка заключается в том, что не все кнопки на самом деле являются кнопками, некоторые из них являются ссылками, стилизованными под кнопки.

Link

К ним я применил следующие стили:

background-image: -moz-linear-gradient(top, #20799d, #5cb9df); /* FF3.6 */
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #20799d),color-stop(1, #5cb9df)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(#20799d, #5cb9df); /* Chrome 10+, Saf6 */
background-image: linear-gradient(top, #20799d, #5cb9df); 
font-family: Arial, Helvetica, sans-serif;
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#20799d', EndColorStr='#5cb9df'); /* IE6–IE9 */ 

Проблема здесь. IE 7-9 применит градиент к элементам , но НЕ к элемент. Все остальные браузеры работают. Есть ли исправление, чтобы заставить IE выдавать градиенты тегов ?

Вы можете проверить и увидеть результаты здесь, только IE заставляет последний нет градиента. jsfiddle.net