HamSter

можно так

генератор в помощь

-webkit-box-shadow: inset 0px 9px 50px 9px rgba(0,0,0,0.7);
-moz-box-shadow: inset 0px 9px 50px 9px rgba(0,0,0,0.7);
box-shadow: inset 0px 9px 50px 9px rgba(0,0,0,0.7);

Если css ом, то можно так попробовать.

*смысл: absolute top позиционирование sub-menu уменьшить, но сделать padding

Emmet LiveStyle устанавливается в sublime и в хроме
chrome расширение

Можно и в sublime писать стили - автоматически будет обновляться в браузере и так же наоборот!

*но работает, не очень хорошо

так

или так

Использую обычную структуру

Это уже, давно, не обычная структура для верстки двух колоночного макета. Сейчас табличная верстка исключительно для таблиц (ну и для html писем, хотя и там уже прогресс).
Используйте div.
К примеру так 1. с помощью float: left или так 2. с помощью display: inline-block.
Есть еще вариант с помощью flex.

uikit фреймворк

Не правильно указан путь к фоновой картинке.

P.S: Открывайте панель разработчика и проверяйте, такие ошибки там легко выявить.

*mailchimp
*litmus

getresponse как-то еще проверял, сейчас не знаю
и вот еще что-то emailonacid