Вопрос по CSS

[Fireman2806]

Добрый вечер. Проблемка такая: чат на моём сайте во всех браузерах, кроме Opera отображается некорректно: текст сообщений вылазит за границы окна. Выглядит это так:

А в Opera, всё нормально:

Перебрал всё в CSS - так и не смог решить проблему. Тем не менее, ощущение такое, что именно в таблице стилей косяк, причём глупый. Буду очень благодарен тому, кто ткнёт носом в ошибку...

#chat_container {
	padding:3px;
	border:1px solid #BBBBBB;
}
#chat_window {
	padding:0px;
	border:1px solid #CCCCCC;
	background-color:#363636;
	overflow:auto;
	overflow-x:auto;
}
#chat_form {
	margin:0px;
}
.chat_input {
	background-color:#707070;
	margin-top:5px;
	font-size:11px;
}
.chat_nick {
	background-color:#363636;
	margin-top:5px;
	font-size:11px;
}
.ajax_load {
	background:url(../images/loading.gif);
	background-position:center right;
	background-repeat:no-repeat;
}
.chat_title {
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#CC0000;
	padding-bottom:5px;
	vertical-align:middle;
}
.chat_time {
	color:#666666;
	font-size:9px;
	padding:3px;
	text-align:left;
	width:50%;
}
.chat_name {
	color:#d86200;
	font-size:11px;
	padding:1px;
	text-align:left;
	width:50%;
	font-weight:900;
}
.chat_msg {
	color:#FFFFFF;
	font-size:12px;
	padding:3px;
	padding-right:10px;
	background-color:#707070;
	border-bottom:1px #DDDDDD;
	border-top:1px #DDDDDD;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}
.chat_none {
	color:#FF0000;
	font-size:12px;
	padding:10px;
	font-weight:bold;
	text-align:center;
}
.inplace_field {
	font-size:12px;
}
.new_row {
	background-color:#FFF0E1;
}
img.middle {
	vertical-align:middle
}
#soundContainer {
	position: absolute;
	left: -256px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
#soundOff, #soundOn {
	display: none;
	position: absolute;
	width: 128px;
	height: 128px;
	left: 50%;
	top: 50%;
	margin-left: -64px;
	margin-top: -64px;
	z-index: 999999;
}
#soundOff {
	width:128px;
	height:128px;
	background: url(../images/sound1.gif) no-repeat center;
}
#soundOn {
	width:128px;
	height:128px;
	background: url(../images/sound.gif) no-repeat center;
}
.cap_td_vopros {
	padding:0px;
	padding-top:3px;
	font-size:10px;
	color:#000099;
	text-align:left;
	width:20%;
}
.cap_td_otvet {
	text-align:left;
}
.otvet_input {
	background-color:#FFFFFA;
	margin-top:5px;
	font-size:11px;
}
#smiles {
	padding:5px;
	background-color:#FFE9D2;
	border:1px solid #000000;
	margin-top:3px;
	width:auto;
	position:absolute;
	z-index:99999;
}
.mysmiles {
	padding:5px;
	vertical-align:middle;
	border:1px solid #CCCCCC;
	border-collapse:collapse;
}
.myinput img {
	vertical-align:middle;
}
.mycopyright {
	text-align:center;
	font-size:0px;
	border-top:1px solid #000000;
	padding-top:5px;
}

Ссылка на сайт

Edited December 18, 2011 by Fireman2806

[Gaspode]

Уберите атрибут width="100%" с таблиц внутри блока с чатом. Оттуда ноги растут.

[Fireman2806]

Уберите атрибут width="100%" с таблиц внутри блока с чатом. Оттуда ноги растут.

Поубирал все width, картина не поменялась. Пробовал уменьшать процент (вместо 100 ставить 20), также не помогло выявить причину.