Пишу таблицу. В каждой строчке отображается информация об одном счете.
При помощи javascript делаю так, что нажимая на кнопку под строкой появляется скрытая <tr> c дополнительной информацией.
По умолчанию она должна быть скрыта (display:none).

Тут начинаются фокусы:
если написать

<tr style="width:100%; display:none" id='xxx'>
<td colspan="5">

Не работает colspan
(вся внутренняя таблица выводится в одну колонку)
если скрытие убрать

<tr style="width:100%" id='xxx'>
<td colspan="5">

colspan работает!

Причем эти приколы появляются в опере, файрфоксе, хроме, но в IE все работает нормально.

Подскажите, как это исправить?

Ренат,

скрипт изменяющий видимость блока такой:

function show(id) {
if (document.getElementById(id).style.display == 'none') {
document.getElementById(id).style.display = 'block';
} else {
document.getElementById(id).style.display = 'none';
}
}
Кстати, мне рекомендовали вместо none ставить пустые кавычки, но, видимо, это не применимо при использовании двойных кавычек?
style="width:100%; display:none"

Можно ли исправить ситуацию заменой none на пустые кавычки? Если да, то как это сделать?
Еще раз подчеркну, что баг я локализовал: именно при добавлении в style display таким образом colspan перестает работать.
Есть ли альтернативные способы как/где указывать display:none?

Ренат, спасибо за рекомендации! Если не найдем ответа проще воспользуюсь твоими предложениями в п.3.