Further refined CSS rules

css/default-styles.css

@@ -50,10 +50,6 @@ a:focus, a:hover, a:active {
 		progid:DXImageTransform.Microsoft.Shadow(color='#CCCCCC', Direction=305, Strength=4);
 }
 
-.header {
-	width: 100%;
-}
-
 .menu {
 	width: 100%;
 	padding-left: 2px;
@@ -89,20 +85,26 @@ a:focus, a:hover, a:active {
 }
 
 #content {
+	width: 98%;
+}
+
+#header {
 	width: 100%;
-	float:left;
+	height: 50px;
+	text-align: left;
 }
 
 #federationLogo {
-	float:left;
 	margin-top: 32px;
 	margin-left: 2px;
-	border:0;
+	border: 0;
+	float: left;
 }
 
-#organisationLogo {
-	float:right;
-	border:0;
+#organisationLogo
+{
+	border: 0;
+	float: right;
 }
 
 #userInputArea {

default-header.php

@@ -62,8 +62,9 @@ function checkForm(){
 
 <div id="container">
 	<div class="box">
-		<div class="header">
-			<a href="http://www.switch.ch/aai"><img src="<?php echo $logoURL ?>" alt="SWITCHaai" id="federationLogo"></a><a href="http://www.switch.ch/"><img src="<?php echo $imageURL ?>/switch-logo.png" alt="SWITCH" id="organisationLogo" align="right"></a>
+		<div id="header">
+			<a href="http://www.switch.ch/aai"><img src="<?php echo $logoURL ?>" alt="SWITCHaai" id="federationLogo"></a>
+			<a href="http://www.switch.ch/"><img src="<?php echo $imageURL ?>/switch-logo.png" alt="SWITCH" id="organisationLogo"></a>
 		</div>
 			<div id="content">
 				<ul class="menu">