=== modified file 'dhis-2/dhis-web/dhis-web-commons-resources/src/main/webapp/dhis-web-commons/css/widgets.css'
--- dhis-2/dhis-web/dhis-web-commons-resources/src/main/webapp/dhis-web-commons/css/widgets.css	2011-09-14 08:33:26 +0000
+++ dhis-2/dhis-web/dhis-web-commons-resources/src/main/webapp/dhis-web-commons/css/widgets.css	2011-12-19 07:37:29 +0000
@@ -301,7 +301,9 @@
   background-color: #dadaff;
   position: fixed;
   width: 18em;
+  max-height: 75%;
   padding: 0.5em;
+  overflow: auto;
 }
 
 div#detailsArea label 

=== modified file 'dhis-2/dhis-web/dhis-web-commons-resources/src/main/webapp/dhis-web-commons/javascripts/commons.js'
--- dhis-2/dhis-web/dhis-web-commons-resources/src/main/webapp/dhis-web-commons/javascripts/commons.js	2011-12-15 04:34:45 +0000
+++ dhis-2/dhis-web/dhis-web-commons-resources/src/main/webapp/dhis-web-commons/javascripts/commons.js	2011-12-19 07:37:29 +0000
@@ -630,10 +630,7 @@
  */
 function showDetails()
 {
-    $( '#detailsArea' )
-	.css( "height", "75%" )
-	.css( "overflow", "auto" )
-	.show( "fast" );
+    $( '#detailsArea' ).show( "fast" );
 }
 
 /**