Проблемы в IE 7

[getalusk]

Здраствуйте форумчане, умные и те кто только учится. У меня возникли проблемы с версткой в Эксплорере 7. Постараюсь понятно изложить суть проблемы.

начнем.

1. Сайт сделанный мной, возьмем его для примера . В остальный браузерах все нормально (пример).

2. Открываю сайт в 7 Эксплорере то кнопки(спрайты) разьехались в стороны (пример).

Вот в принципе и вся проблема, у меня есть подозрения что собака зарыта на спрайтах. Я выравнивал текст по вертикали таким образом.

Сама ячейка со спрайтом:

td.gen5      {
    background: url('../images/eks.jpg');
    background-position: 0px 0px; /* Смещение фона */
    width:165px;
    height:115px;
    vertical-align: center;
    text-align:center;
             }
td.gen5:hover      {
    background: url('../images/eks.jpg');
    background-position: 0px 115px; /* Смещение фона */
             }

Я выравнивал текст по вертикали таким образом(сделал через ссылку):

a.menu_activ         { 
    outline: none;
    font-size: 13px;
    color:#ccc;
    text-align: center;
    text-decoration: none;
    display: block;
    width: 165px; 
    height:115px; 
    line-height: 16.0;
               }
a.menu_activ:hover   {
    color:#3C5180;
    text-decoration: none;
               }

А вотсам HTML менюшки:

<tr>
<td class="gen3index"><a class="menu_passiv" href="index.html" title="О КОМПАНИИ">ГЛАВНАЯ</a></td>
<td class="gen4"><a class="menu_activ" href="avtokran.html" title="АВТОКРАН"><span class="menu">АВТОКРАН</span></a></td>
<td class="gen5"><a class="menu_activ" href="eks.html" title="ЭКСКАВАТОР"><span class="menu">ЭКСКАВАТОР</span></a></td>
<td class="gen6"><a class="menu_activ" href="samosval.html" title="САМОСВАЛ"><span class="menu">САМОСВАЛ</span></a></td>
<td class="gen61"><a class="menu_activ" href="gruz.html" title="ГРУЗОПЕРЕВОЗКИ"><span class="menu">ГРУЗОПЕРЕВОЗКИ</span></a></td>
<td class="gen7"><a class="menu_activ" href="pin.html" title="КОНТАКТЫ"><span class="menu">КОНТАКТЫ</span></a></td>
</tr>

А вот так в стилях я задаю установки странице, всегда так делаю, может в этом проблема?

/* —————————-tesharenda.narod.ru————————-- */
html         {
    height: 100%;
    font-family: tahoma;
             }
BODY         {
    background-image: url('../images/fon.');
    background-repeat:repeat;
    margin:0px; padding:0px;
    background-color: #fff;
    overflow-y: scroll; 
    overflow-x: auto;
    height: 100%;
             }
h1        {
    font-weight: 100;
    font-size: 15px;
    color:#333;
    text-align:justify;
    line-height: 1.8;
    padding-left:35px;
    padding-right:35px;
             }
table.gen    {
    width:990px;
    height:100%;
             }

Надеюсь что обьяснил все нормально, хочу сразу сказать что не хочу не накого переложить работу. У меня нет на компе IE7 и приходиться все время лазить на сайт для проверки, а он глючит страшно. Просто хочу спросить кто занимался такой проблемой и решил ее. Заранее спасибо за внимание. С радостью выслушаю все замечания, критику и предложения.

[tt48]

vertical-align: center;middle;

Щас остальное посмотрим..

С кодировкой бардак, надо исправить

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

Он не реагирует на выставленную ширину для таблицы, потому все и разъезжается..

<style type='text/css'>
	table{
 padding : 0;
 margin : 0 auto;
 border : 0;
 border-collapse: collapse;
 }
 table tr td{
 margin : 0; 
 padding: 0;
 }
	table.gen{
		margin: 0 auto;
	}
</style>

Не понял, в чем дело, но вот с этим работает.

Edited May 18, 2011 by tt48

[getalusk]

ловлю каждое слово, спасибо)

[tt48]

+ еще забыл

<table class="gen">

Код староват, надо бы убрать все эти vspace и прочие аттрибы и заменить их на css.

Вроде бы и все)

[getalusk]

Спасибо, сейчас буду пробовать)))