Форум Flasher.ru - Глюки в Мозилле

Форум Flasher.ru (http://www.flasher.ru/forum/index.php)

- HTML/DHTML/CSS/JS/VB (http://www.flasher.ru/forum/forumdisplay.php?f=66)

- - Глюки в Мозилле (http://www.flasher.ru/forum/showthread.php?t=119184)

Глюки в Мозилле

Не могу понять в чем проблема?
В Мозилле поле для поиска вместе с кнопкой отображается не в том месте совсем. Должно быть справа от меню, а оно сверху, под флеш-баннером, по центру страницы.... В чем ошибка? (В ИЕ и Опере - все ок).

Код:

<!--TOP MENU-->



                    <div class="top_menu">

                    <table border="0" cellpadding="0" cellspacing="0">



                            <tr align="center">

                                <td><span>NEWS</span></td><td width="10px">&nbsp;</td>

                            <td><a href="events.html">EVENTS</a></td><td width="10px">&nbsp;</td>

                            <td><a href="radio.html">RADIO</a></td><td width="10px">&nbsp;</td>

                            <td><a href="video.html">VIDEO</a></td><td width="10px">&nbsp;</td>

                            <td><a href="gallery.html">GALLERY</a></td><td width="10px">&nbsp;</td>



                            <td><a href="http://forum.ah.fm">FORUM</a></td><td width="10px">&nbsp;

                                    <!--SearchBar -->

                                 <div class="dd">

                                <table border="0" cellpadding="0" cellspacing="0"><tr><td valign="top" background="main_imgs/search.png" align="center" valign="middle" style="padding-top:4px;"><input style="background:none; border:none; display:block; padding-left:10px;" size="16" height="22px" type="search" value="" border="0"></td><td width="54px" valign="middle"><input style="background:none; border:none; width:54px; height:22px; background-color:#f8712f; color:#333333; font-size:12px; font-weight:bold;" type="submit" value="Search"></td></tr> </table>

                                </div> 

                                <!--End SearchBar -->

                            



                      </tr>

                        <tr height="8px" style="font-size:1px;">



                                <td bgcolor="#f9712f">&nbsp;</td><td width="10px">&nbsp;</td>

                            <td>&nbsp;</td><td width="10px">&nbsp;</td>

                            <td>&nbsp;</td><td width="10px">&nbsp;</td>

                            <td>&nbsp;</td><td width="10px">&nbsp;</td>

                            <td>&nbsp;</td><td width="10px">&nbsp;</td>

                            <td>&nbsp;</td><td width="10px">&nbsp;</td>

                        </tr>  

                    </table>

                    </div>



                    <!--end TOP MENU-->

в CSS:

Код:

.dd{

font-family:lucida Sans, Arial, Helvetica;

top:-86px;

left:572px;

position:absolute;

z-index:3000;

}



.dd table{

font-family:lucida Sans, Arial, Helvetica;

height:26px;

width:150px;

}



.dd input{

font-family:lucida Sans, Arial, Helvetica;

font-size:12px;

color:#ffffff;

}

хм.. встречал такое при работе со слоями... ответ крылся за форматирование абзаца, точнее межстрочным интервалом.(как ни странно) ...не зачто))

___________________________________________

хотя этот код у меня отображается нормально....:confused:

В каком смысле? Я не очень в этом разбираюсь. Код не я писал. :)

пример какой-то кривой. вставив то что приведено в ие не видно инпута вообще

пс. короче дело в хитростях position:absolute. в диве ".dd"

Дело в том, что там место стандартного инпута используется файл search.png как бекграунд.

Добавлено через 32 минуты
ИСПРАВЛЕНО.

Была ощибка в css. Правда я еще не разобрался какая, но вставил старый файл css и смотрю - все отлично. :) Даже в Сафари...