Проблема с сообщениями в чате.

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



Собственно говоря вот этот код:

Код:

/* Всплывающая панель */
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* Panel Tab/button */
.tab {
background:url(http://www.snapsnap.ru/i/tabblrl.png) repeat-x 0 0;
height:42px;
position:relative;
top:0;
z-index:999;
}

.tab ul.login {
    display:block;
    position:relative;
    float:left;
    clear:left;
    height:42px;
    width:auto;
    line-height:42px;
  left:20px;
    color:#FFF;
    font-size:12px;
    font-family:Georgia;
    text-align:center;
    margin:0;
    }

.tab ul.login li.left {
background:url(http://www.snapsnap.ru/i/tabltrt.png) no-repeat left 0;
height:42px;
width:30px;
display:block;
float:left;
margin:0;
padding:0;
}

.tab ul.login li.right {
background:url(http://www.snapsnap.ru/i/tabrszs.png) no-repeat left 0;
height:42px;
width:30px;
display:block;
float:left;
margin:0;
padding:0;
}

.tab ul.login li {
text-align:left;
display:block;
float:left;
height:42px;
background:url(http://www.snapsnap.ru/i/tabmbvb.png) repeat-x 0 0;
padding:0 6px;
}

.tab ul.login li a {
color:#15ADFF;
}

.tab ul.login li a:hover {
color:white;
}

.tab .sep {color:#414141}

.tab a.open,.tab a.close {
height:20px;
line-height:20px !important;
padding-left:30px !important;
cursor:pointer;
display:block;
width:100px;
position:relative;
top:13px;
}

.tab a.open {background:url(http://www.snapsnap.ru/i/btopenoeo.png) no-repeat left 0;}
.tab a.close {background:url(http://www.snapsnap.ru/i/btclosedhd.png) no-repeat left 0;}
.tab a:hover.open {background:url(http://www.snapsnap.ru/i/btopenoeo.png) no-repeat left -19px;}
.tab a:hover.close {background:url(http://www.snapsnap.ru/i/btclosedhd.png) no-repeat left -19px;}

/* sliding panel */
#toppanel {
position: absolute; /*Panel will overlap  content */
/*position: relative;*/ /*Panel will "push" the content down */
position: fixed;
top:0;
width:100%;
z-index:999;
text-align:center;
margin-left:auto;
margin-right:auto;
}

#panel {
width:100%;
height:auto;
color:#999;
background:#272727;
overflow:hidden;
position:relative;
z-index:3;
display:none;
}

#panel h1 {
font-size:1.6em;
color:#FFF;
margin:0;
padding:5px 0 10px;
}

#panel h2 {
font-size:1.2em;
color:#FFF;
margin:0;
padding:10px 0 5px;
}

#panel p {
margin:5px 0;
padding:0;
}

#panel a {
text-decoration:none;
color:#15ADFF;
}

#panel a:hover {
color:white;
}

#panel a-lost-pwd {
display:block;
float:left;
}

#panel .content {
width:960px;
padding-top:15px;
text-align:left;
font-size:1em;
margin:0 auto;
}

#panel .content .left {
width:280px;
float:left;
border-left:1px solid #333;
padding:0 15px;
}

#panel .content .right {
border-right:1px solid #333;
}

#panel .content form {
margin:0 0 10px 0;
}

#panel .content label {
float:left;
padding-top:8px;
clear:both;
width:280px;
display:block;
}

#panel .content input.field {
border:1px #1A1A1A solid;
background:#414141;
margin-right:5px;
margin-top:4px;
width:200px;
color:#FFF;
height:16px;
}

#panel .content input:focus.field {
background:#545454;
}

Без этого кода, не будет работать "Верхняя всплывающая панель", что конечно будет не удобно для меня. Может всё же есть решение чтобы оставить чат и всплывающую панель ?

Заранее спасибо всем кто окажет помощь.

Проблему решила вставкой следующего кода в Каскадную таблицу CCS:

Код:

.chatbox p {
min-height: 50px !important;
}

Тему можно закрывать.