Auflistung im Header, neben der Bilder

[flekzz]

Hallo... Schaut euch mal den Screenshot im Anhang an. Ich möchte das die obere Auflistung vor die erste Visitenkarte rutscht und das die untere Auflistung hinter die zweite und letzte Visitenkarte rutscht. Aber wie mache ich das?

Hier mein CSS:

html, body{ 
 margin:0; 
 padding:0; 
background-color:#e0dace;
 } 
 
#header{
 position:relative; 
 height:20%; 
  background-color:#e0dace; 
 width:100%;
} 
 
#leftcol{
 width:20%; 
 float:right; 
 background-color:#e0dace; 
 }
 
#twocols{
 width:80%; 
 float:right; 
 position:relative; 
  }
 
#rightcol{
 width:25%; 
 float:right; 
 position:relative; 
 background-color:#e0dace;
 }
 
#maincol{background-color: #f1ebde;  
 float: left; 
 display:inline; 
 position: relative; 
 width:75%;
 padding: 5px;
 }
 
#footer{
 height:20px; 
  background-color:#e0dace; 
 clear:both;
 } 
 

.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}


* html .clearfix{height: 1%;}
.clearfix{display: block;} 


 

 @media print{ 
#leftcol{display:none;} 


#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}


#menue {
width: 150px;
}

#menue li {
display: block;
}

#menue li a, #menue li a:link {
text-decoration: none;
display: block;
color: #000000;
padding-bottom: 8px;
font-weight: bold;
}

#menue li a:hover, #menue li a:active, #menue li a:focus {
color: #0000FF;
}

[jayjay]

ok, css ist schon nicht schlecht aber wo bleibt der html-code? link tuts auch