Fixing course catalog CSS

main/css/base.css

@@ -828,11 +828,16 @@ button:hover {
     float:left;
     margin:10px;
     padding:12px;
-    width:240px;
+    width:250px;
     min-height:294px;
     color: #BBBBBB; 
 }
 
+.categories-content-course {
+	float:left;
+	width:100%;
+}
+
 .categories-course-picture {
     width:95px;
     height:95px;
@@ -874,7 +879,9 @@ button:hover {
     font-style: italic;
     text-align: right;
     color: #444444;    
-    line-height: 10px;
+    float: right;
+    text-align: right;
+    width: 197px;    
 }
 .categories-course-description .course-block-date {
     font-size: large;
@@ -885,19 +892,22 @@ button:hover {
 }
 .course-block-popularity {
     width: 90px;
-    margin-left:120px;
+    float: right;
     font-size: x-small;
     font-style: italic;
     text-align: right;
     background-color: #eeeeee;
     min-height:95px;
     padding-right: 5px;
+    
     -moz-border-radius-topleft:4px;
     -moz-border-radius-topright:4px;
     -webkit-border-top-left-radius: 4px;    
     -webkit-border-top-right-radius: 4px;
+    
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
+    
     -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
     -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
     box-shadow: 0 -1px 5px 2px #CCCCCC;
@@ -911,9 +921,11 @@ button:hover {
 }
 
 .categories-course-links {
+    float:left;
     margin-top:20px;
     height:16px;
     padding:2px;
+    width:100%;
 }
 
 .course-link-desc {