Index: lams_central/web/includes/javascript/jquery-ui/ui/ui.tabs.scrollable.js
===================================================================
diff -u -rec61f5d738bce3513b4e5204e011a68476a9c165 -rd9871f7048adee8daed6b190c22da18e78ec317c
--- lams_central/web/includes/javascript/jquery-ui/ui/ui.tabs.scrollable.js	(.../ui.tabs.scrollable.js)	(revision ec61f5d738bce3513b4e5204e011a68476a9c165)
+++ lams_central/web/includes/javascript/jquery-ui/ui/ui.tabs.scrollable.js	(.../ui.tabs.scrollable.js)	(revision d9871f7048adee8daed6b190c22da18e78ec317c)
@@ -68,7 +68,7 @@
 			this.tabLabels = $(".ui-tabs-label");
 			this.imagesInTabs = $("img", this.list);
 			this.$panels = $([]);
-			this.leftMostScroll = 15;
+			this.leftMostScroll = 25;
 		}
 		else{
 			this.list = this.element.is('div') ? this.element.children('ul:first, ol:first').eq(0) : this.element;
@@ -122,7 +122,7 @@
 				this.$lis.addClass('ui-state-default ui-corner-top');
 				this.$panels.addClass('ui-tabs-panel ui-widget-content ui-corner-bottom');
 				
-				this.tabsHolder.animate( { scrollLeft: this.leftMostScroll}, this.scrollSpeed )
+				//this.tabsHolder.animate( { scrollLeft: this.leftMostScroll}, this.scrollSpeed )
 			}
 			else{
 				// attach necessary classes for styling
@@ -372,9 +372,13 @@
 				this.scrollableWidth += this.imagesInTabs[i].width;
 			}
 			
-			this.scrollableWidth += o.margins + this.leftMostScroll;
+			this.scrollableWidth += o.margins;
 			
 			$(".ui-tabs-wrapped").css("width", this.scrollableWidth + "px");
+			
+			if(init){
+				this.tabsHolder.animate( { scrollLeft: this.leftMostScroll }, this.scrollSpeed )
+			}
 		}
 		
 		// disable click if event is configured to something else
@@ -672,7 +676,7 @@
 		spinner: 'Loading…',
 		tabTemplate: '<li><a href="#{href}"><span>#{label}</span></a></li>',
 		scrollable: false,
-		characterWidth: 10,
+		characterWidth: 9,
 		margins: 5,
 		scrollSpeed: 150,
 		scrollOffset: 100
Index: lams_learning/web/includes/presence.css
===================================================================
diff -u -rec61f5d738bce3513b4e5204e011a68476a9c165 -rd9871f7048adee8daed6b190c22da18e78ec317c
--- lams_learning/web/includes/presence.css	(.../presence.css)	(revision ec61f5d738bce3513b4e5204e011a68476a9c165)
+++ lams_learning/web/includes/presence.css	(.../presence.css)	(revision d9871f7048adee8daed6b190c22da18e78ec317c)
@@ -36,6 +36,12 @@
 	height: 100%;
 }
 
+#presenceUserListings{
+	height: 255px;
+	overflow-x: hidden;
+	overflow-y: scroll;
+}
+
 .presenceName {
 	width:"100%";
 }
@@ -67,7 +73,8 @@
 .messageArea {
 	width: 100%;
 	height: 80%;
-	overflow: auto;
+	overflow-x: hidden;
+	overflow-y: scroll;
 }
 
 .sendArea {
Index: lams_learning/web/includes/presenceChat.jsp
===================================================================
diff -u -rec61f5d738bce3513b4e5204e011a68476a9c165 -rd9871f7048adee8daed6b190c22da18e78ec317c
--- lams_learning/web/includes/presenceChat.jsp	(.../presenceChat.jsp)	(revision ec61f5d738bce3513b4e5204e011a68476a9c165)
+++ lams_learning/web/includes/presenceChat.jsp	(.../presenceChat.jsp)	(revision d9871f7048adee8daed6b190c22da18e78ec317c)
@@ -56,11 +56,11 @@
 				<c:if test="${param.presenceImEnabled}">
 				<div id="presenceChatTabs">
 					<div id="tabWrapper">
-						<div id="scrollHolder" style="width: 580px;">
-							<div style="float: left; width: 3%;">
+						<div id="scrollHolder">
+							<div style="float: left; width: 5%; text-align: left;">
 								<a href="javascript:handleLeftScrollClick();"><img id="leftSlider" src="../images/icons/arrow_left.png" width="16" height="16" border="0" /></a>
 							</div>
-							<div id="tabsHolder" style="float: left; width: 67%; overflow:hidden;">
+							<div id="tabsHolder" style="float: left; width: 90%; overflow:hidden;">
 								<ul id="wrappedTabs">
 							        <li><a href="#groupchat">
 							        	<span>
@@ -74,7 +74,7 @@
 							        </a></li>
 								</ul>
 							</div>
-							<div style="float: left; width: 5%;">
+							<div style="float: left; width: 5%; text-align: right;">
 						 		<a href="javascript:handleRightScrollClick();"><img id="rightSlider" src="../images/icons/arrow_right.png" width="16" height="16" border="0" /></a>
 							</div>
 						</div>
@@ -98,7 +98,7 @@
 				</c:if>
 				<div id="presenceChatRoster">
 					<ul onclick="javascript:handlePresenceClick()">
-				        <li><a href="#presence" onclick="javascript:handlePresenceClick()">
+				        <li><a href="#presenceUserListings" onclick="javascript:handlePresenceClick()">
 				        	<span>
 				        		<table border="0" cellpadding="5" cellspacing="0">
 				        			<tr>