HTML+CSS+JavaScript

Совершенно случайно сёдня открыл свой сайт в FF - и ужаснулся! Вся моя чудная картинка перекосоё... !

Проверил в NN и Опере - тож самое! Начал копать - оказалось, что картинка размещенная в ячейке с параметрами align="left" valign="top" к левой границе жмётся вплотную, а к верхней - нет! Проверил для valign остальные возможные варианты - bottom, middle - картинка ползает вверх-вниз, но к горизонтальным сторонам ячейки вплотную не прижимается!

Ничё не пойму. В таблице cellpadding, cellspacing, border установлены нулевыми. А что еще добавляет удивления - так это то, что в первой строке таблицы картинка (вертикальная полоса *.jpg) вплотную прижимается вверх !!! Ну не может ведь браузер соображать, какую полоску (картинку) - горизонтальную или вертикальную он выводит !

Подскажите плиз, если сталкивались с подобными чудесами!

PS. В IE работает отлично - как и говорил, если б не полез проверять в других браузерах - так и не узнал бы.

вариантов два:
1) забудьте про другие браузеры
2) дайте ссылку на сайт или приведите полный html +css код страницы

возможно, поможет удаление пробелов и переводов строк в коде таблицы. правда, это -
глюк IE и то не везде. казалось бы, какое браузеру дело, сколько переводов строк в коде
между тэгами? ан нет - при сжимании кода убирается дурацкий отступ между границей
ячейки и картинкой... но код все равно не мешало бы глянуть.

Вот вырезал кусок кода, проверил - эффект тот же.

<table width="800" border="0" cellpadding="0" cellspacing="0"> <tr><td width="790" height="91" bgcolor="#FFFF66"></td> <td width="10" align="left" valign="top" background="vbg.jpg"><img src="v.jpg" width="10" height="40" border="0"></td></tr> <tr><td width="790" height="10" align="left" valign="top" background="hbg.jpg"><img src="h.jpg" width="40" height="10" border="0"></td> <td width="10" background="hpt.jpg"></td></tr> </table>

Картинки:
- v.jpg - вертикальная полоска сглаженная сверху, размер 10х40,
- h.jpg - горизонтальная, сглаженная слева, размер 40х10,
- hpt.jpg - точка в правом нижнем углу, размер 10х10

Отказываться от браузеров "не ИЕ" - не хотелось бы, всё-таки это существенный процент пользователей!

на этом куске кода все прекрасно работает.

у меня все картинки на своих местах... а может, отступ - в картинке? плохо обрезана, например.

Не исключено, что дело в самой картинке.

Но, во-первых, почему в майкрософтовском эксплорере работает, а во-вторых, если сделать рамки вокруг рисунков, то видно, что горизонтальная полоска (h.jpg) не поджимается к самому верху второй строки! И если убрать вообще содержимое первой ячейки второй строки (оставив background), то выглядит всё отлично!

Т.е. картинка h.jpg раздвинает вторую строчку по высоте, и соответственно background лезет заполнять увеличившееся по вертикали пространство!

Я прикрепил картинки на всякий случай, если не затруднит, взгляните пожалста. У меня уже мозги наперекосяк - десятки вариантов (и перевод строки, и соединение-разъединение тегов <td><tr> и т.д. и т.п.) перепробовал - ничччё не получается !

во всех браузерах выглядит без проблем. ищите ошибки в другом месте.

все нормально в IE и FF. вот картинка.

Фантастика! Ничё не понимаю... Но Вам большое спасибо, уважаемые elenaki и AlexSol ! Даже если не найду причину - выложу на сервер - а там посмотрим... Может у меня компьютер не в том углу комнаты стоит (по фэншую)...

PS. Фрагмент, что выложил в посте именно в таком виде (ничего более кроме html - head - body) проверял - не работает !