<div style="padding:2 1 6 1;">
<a class="button" style="padding:1px 23px 1px 23px;background:#363636;border:1px solid #424242;width:100%;" href="javascript://">Правила для этого чата</a>
</div>

#box{
display:block;
background:#333;
height:165px;
padding:10 10 0 10;
width:450px;
border:2px solid #444;
color:#dedede;
font-family:'Myriad Pro',Arial,Helvetica,sans-serif;
opacity: 0.9;
}
#box p{
display:block;
font-size:12px;
background:url('http://up-rise.ru/All-Scripts/Mchat/warning.png') no-repeat 10px top;
padding-left:90px;
}
#box p b{
font-size:20px;
display:block;
}

<div id="box">
<p><b>В мини чате запрещается: </b>
1. Писать 3-и или более сообщений подряд. <br>
2. Использовать более 3 смайлов в 1 сообщении. <br>
3. Писать часто с включённым Caps-Lock'ом. <br>
4. Выражаться не культурными словами ( Матами ). <br>
5. Устраивать какие либо разборки ( Для этого есть ЛС ). <br>
6. Рекламировать свой сайт. <br>
7. Оскорблять пользователей.   
</p>
</div>

<script type="text/javascript" src="http://up-rise.ru/All-Scripts/Mchat/jquery.min.js"></script>
<script type="text/javascript" src="http://up-rise.ru/All-Scripts/Mchat/jquery.easing.1.3.js"></script>
<script>
   $.fn.bounceBox = function(){
   this.css({
   top : '-30%',
   marginLeft : -this.outerWidth()/2,
   position : 'fixed',
   left : '80%'
   });
   return this;
   }
   $.fn.bounceBoxShow = function(){
   this.stop().animate({top:50},{easing:'easeOutBounce'});
   this.data('bounceShown',false);
   return this;
   }
   $.fn.bounceBoxHide = function(){
   this.stop().animate({top:-this.outerHeight()});
   this.data('bounceShown',false);
   return this;
   }
   $.fn.bounceBoxToggle = function(){
   if(this.data('bounceShown'))
   this.bounceBoxHide();
   else
   this.bounceBoxShow();
   return this;
   };
</script>
<script type="text/javascript" src="http://up-rise.ru/All-Scripts/Mchat/script.js"></script>