diff --git a/view/css/mod_chat.css b/view/css/mod_chat.css
new file mode 100644
index 000000000..7f33f2c48
--- /dev/null
+++ b/view/css/mod_chat.css
@@ -0,0 +1,31 @@
+ .chatContainer {
+	 height: 100%;
+	 width: 100%;
+ }
+ 
+ .chatTopBar {
+	 float: left;
+	 height: 400px;
+	 width: 650px;
+	 overflow-y: auto;
+ }
+ 
+ .chatUsers {
+	 float: right;
+	 width: 120px;
+	 height: 100%;
+	 border: 1px solid #000;
+ }
+ 
+ .chatBottomBar {
+	 position: relative;
+	 bottom: 0;
+	 height: 150px;
+	 margin-top: 20px;
+ }
+ 
+ section {
+	 padding-bottom: 0;
+ }
+ 
+ 
\ No newline at end of file
diff --git a/view/tpl/chat.tpl b/view/tpl/chat.tpl
index dba6a777f..eb98063fa 100644
--- a/view/tpl/chat.tpl
+++ b/view/tpl/chat.tpl
@@ -1,14 +1,14 @@
 <h1>{{$room_name}}</h1>
-<div id="chatContainer" style="height: 100%; width: 100%;">
+<div id="chatContainer"">
 
-    <div id="chatTopBar" style="float: left; height: 400px; width: 650px; overflow-y: auto;">
+    <div id="chatTopBar">
     	<div id="chatLineHolder"></div>
 	</div>
 
-    <div id="chatUsers" style="float: right; width: 120px; height: 100%; border: 1px solid #000;" ></div>
+    <div id="chatUsers"></div>
 
 	<div class="clear"></div>
-    <div id="chatBottomBar" style="position: relative; bottom: 0; height: 150px; margin-top: 20px;">
+    <div id="chatBottomBar">
         <div class="tip"></div>
 
         <form id="chat-form" method="post" action="#">
@@ -22,11 +22,6 @@
     </div>
 
 </div>
-<style>
-section {
-	padding-bottom: 0;
-}
-</style>
 
 <script>
 var room_id = {{$room_id}};