Чтобы для всех браузеров выглядело одинаково

<a href="http://shkola2.pavlovka.ru/?page_id=1490"><img class="alignleft size-full wp-image-1681" src="http://shkola2.pavlovka.ru/wp-content/uploads/2012/03/1_11.png" alt=""  title="Нажмите, чтобы перейти в раздел" width="300" height="100" /></a>

<a href="http://shkola2.pavlovka.ru/?page_id=1482"><img class="alignleft size-full wp-image-1682" src="http://shkola2.pavlovka.ru/wp-content/uploads/2012/03/2.png" alt="" title="Нажмите, чтобы перейти в раздел" width="300" height="71" /></a>

<a href="http://shkola2.pavlovka.ru/?page_id=1480"><img src="http://shkola2.pavlovka.ru/wp-content/uploads/2012/03/314.png" alt="" title="Нажмите, чтобы перейти в раздел" width="325" height="75" class="alignleft size-full wp-image-1699" /></a>

Этот код выводит на страницу треугольник определенного вида. Для Гугл Хром все выглядит красиво и я довольна. Но пользователи интернет эксплорера (да, кто-то им еще пользуется) видят этот треугольник крайне перекошенным. Как сделать, чтобы для всех браузеров все выглядело одинаково?

P.S. В гугле хотела искать, но в короче свою проблему сформулировать не смогла