Текст в кнопке в разных браузерах отображается по-разному

Проблема - в IE 7 текст в кнопке располагается в одну строку, тем самым выходит за ее пределы... В хроме, высших версиях ie и мазиле - он не выходит за пределы кнопки (идет в несколько строк)... Как это можно исправить? И на одном из форумов прочел, что давно уже есть литература на тему исправления различий в отображениях разными браузерами.... Кто знает таковую - киньте, плиз, ссылки - сколь искал ничего дельного не попадается - везде только руками разводят по этим проблемам....

мои попытки......
.text {
width: 90px; (ширина кнопки = 98)
height: 80px; (высота кнопки=88)
text-align:center;
}

какие свойства нужно задать, чтобы текст постоянно находился по центру кнопки(по горизонтали и вертикали) и чтобы разбивался на строки, если не умещается в одну строку?

<button class="moreone" onclick="self.location='${href1}';"><div class="text">${text1}</div></button>-это кнопка...