Разный формат IE и Firefox

1)
h4.heading{
font-size:26px;
text-aling:center;
}

<td width="1000" background="Pic/Phone11.JPG" valign="top">
<center>
<h4 class="heading">ОБЛАСТНАЯ ДИСТАНЦИОННАЯ<br>
МНОГОПРЕДМЕТНАЯ ОЛИМПИАДА<br>
«ПОКОЛЕНИЕ XXI ВЕКА»</h4>

В firefox оставляет сверху промежуток от верхнего края ячейки а в ИЕ нет - надо чтобы и в ИЕ оставлял как быть?

2)
.panel a { color: #c3c8cd;
font-size: 20px;
margin:4px;

}
.panel a:hover { color: #fff;
font-size: 20px;
font-weight: bold;
margin:4px;

}
.panel a:active { border: 0; }

.panel ul{
list-style:none;
margin:0px 4px;
line-height: 1.5;
}

.panel li ul{
list-style-type: none;
margin: 0px;
padding: 0px;
display: none;
line-height: 1.5;
}


.panel li ul li {
margin: 0 0 0 8px;
padding: 0;
line-height: 1.5;
border:0;
}

.panel1 a { color: #c3c8cd;
font-size: 18px;
margin:4px
border:0;

}
При таком css в Firefox есть промежутки от края списка в таблице а в ИЕ нет - как быть?

 

<td width="250" id="td1" background="Pic/Phone31.JPG" valign="top">
<p></p>
<div class="panel">
<ul>
<li><a href="index.php" title="Главная">Главная</a></li>
<li><a href="ForParticipant.php" title="Участникам" id="ForParticipant.php" class="menu_item">Участникам</a>
<ul>
<li><a href="Rules.php" title="Правила участия" id="Rules.php" class="menu_item">Правила участия</a></li>
<li><a href="Calendar.php" title="Календарь" id="Calendar.php" class="menu_item">Календарь</a></li>
</ul>
</li>
<li><a href="Situation.php" title="Документы" id="Situation.php" class="menu_item">Документы</a>
<ul>
<li><a href="Situation.php" title="Положение" id="Situation.php" class="menu_item">Положение</a></li>
<li><a href="Instruction.php" title="Инструкции" id="Instruction.php" class="menu_item">Инструкции</a></li>
<li><a href="Contract.php" title="Договор" id="Contract.php" class="menu_item">Договор</a></li>
<li><a href="Certificate.php" title="Сертификат" id="Certificate.php" class="menu_item">Сертификат</a></li>
</ul>
</li>
<li><a href="BeginOlimpic.php" title="Начать олимпиаду">Начать олимпиаду</a></li>
<li><a href="Status.php" title="Рейтинг">Рейтинг</a></li>
<li><a href="Contacts.php" title="Контакты">Контакты</a></li>
<li><a href="ProbTest.php" title="Пробный тест">Пробный тест</a></li>
</ul>

</div>

</td>

 

не понял