logo and floating changes

gazetteer/static/css/main.css

@@ -17,17 +17,15 @@ margin-bottom:2%;
 height:14%;}
 
 #logo
-{}
-
-.content
-{/*padding-bottom: 100px;*/
-margin-bottom:2%;
-height:70%}
+{float:left;
+margin-left:2%;
+padding-top:2%;
+}
 
 .searchForm
 {margin-left:2%;
 padding-top:2%;
-}
+float:left;}
 
 .search
 {width:30%; /*fine if i give this width in percent, right?*/
@@ -65,6 +63,12 @@ border-radius:16px;} /*this doesn't work need to find a way to give the outline
 #searchButton
 {height:30px;}
 
+.content
+{/*padding-bottom: 100px;*/
+margin-bottom:2%;
+height:70%;
+clear:both;}
+
 .mapListSection
 {float:left;
 width:33%;