Создайте div с нижней половиной одного цвета и верхней половиной другого цвета

У меня есть кнопка, которую я собираюсь превратить в кнопку. Верхняя половина должна быть # ffd41a, а нижняя - # fac915. Вот ссылка на кнопку в настоящее время. http://jsfiddle.net/WnwNW/

Проблема, с которой я столкнулся, заключается в том, как мне работать с двумя цветами фона. Есть ли способ сделать то, что я пытаюсь сделать, без необходимости добавления div или промежутков? Могу ли я иметь два фоновых атрибута в одном классе CSS?