Ребята помогите, пожалуйста, в решении последних оставшихся html проблем

1 – В мобильной версии моего сайта ikpik.ru специально для IE был прописан для картинок тег в CSS: max-height:350px; - он не позволяет быть картинке больше заданной высоты. Это и есть проблема, так как иногда попадаются достаточно «высокие» картинки и они ужимаются до высоты в 350 пикселей :( . Также прописано width:100%; max-width:500px; - картинки регулируются под расширение экрана, и в остальных браузерах, если не прописывать max-height:350px; высота выставляется сама автоматически, но в IE, если не прописано max-height:350px; случается вот такая беда, что делать? :

Самое интересное, что в ПК версии сайта прописана фиксированная ширина, кажется width:660px, и все абсолютно нормально отображается во всех браузерах!

Перейти на мобильную версию можно по этой ссылке: http://ikpik.ru/index.php?action=mobile

CSS мобильной версии можно найти вот здесь: http://ikpik.ru/templates/smartphone/css/style.css

2 – Никак не могу Firefox заставить нормально выводить кнопки! И не только на ikpik.ru! В ПК версии ikpik.ru с кнопками все в порядке, но в мобильной и еще на одном сайте (код тот же) отображается неодинаково. В Opera, Chrome, IE – кнопки показываются одинаково.

Перейти на мобильную версию можно по этой ссылке: http://ikpik.ru/index.php?action=mobile

CSS мобильной версии можно найти вот здесь: http://ikpik.ru/templates/smartphone/css/style.css

html кнопки:

<div  style="width:100%; text-align: center;">

<button name="send_btn" class="fbutton" type="submit"><span>Отправить</span></button>

</div>

CSS кнопки:

.fbutton {font-family:Tahoma;font-size:100%;margin:0px;border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;border:1px solid #000000; padding: 0px 5px 0px 6px; height: 22px;font-weight: bold;text-decoration: none;background: #FFFFFF;color: #000000;}