Евгений М

В общем если сделать текст в одну строку, который при зумах не будет делаться в две строки, например в моём случае "читать все статьи" > "все статьи", то тогда можно сделать line-heigh

a.test1 {
  float:left;
  width:31%;
  font-size: 28px;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC; 
  color: #555555;
  margin: 10px auto;
  margin-bottom: 10px; 
  line-height: 220px;  
  text-align: center;     
}

Проблема решена порядком описания.
Т.е. надо просто в файле стилей для IE то что надо заменить прописывать вначале, например

В style.css
.style {
margin: 0;
padding-top: 5px;
}
Если для IE нужно заменить отступ сверху то сработает так
В ie.css
.style {
padding-top: 10px!important;
margin: 0;
}
Соответственно если нужно заменить например margin то нужно просто всё поменять местами в обоих стилях.

Другой вариант в style.css добавить к названию стиля :root тогда такой стиль internet explorer не прочитает

:root .style {...}

Добавил в нужный шаблон сверху

<style type="text/css">
#content img {
width:15%;
height:15%;
 }
</style>

Не знаю правильно так или нет но работает