.imagelist {
width:100%;
padding:0;
margin:130px 0 0 -1em; 
position:relative;
}

.imagelist img {border:#000 1px solid}

.imagelist ul {
width:560px;
padding:0; 
margin:0;
list-style-type: none;
border:0;
}

.imagelist ul li {
display:block;
float:left;
border-right:2px solid transparent;
}

.imagelist ul li a, .imagelist ul li a:visited {
display:block; 
float:left;
text-align:center; 
text-decoration:none; 
background:#999;
font-weight:bold;
font-size:90%;
padding: .3ex .3em;
}
.imagelist ul li ul li a, .imagelist ul li ul li a:visited, .imagelist ul li ul li a:hover {
  background:transparent;
  cursor:default;
  padding:0;
}


.imagelist ul li ul {
display: none;
}

.imagelist ul li:hover ul,#firstone {
text-align:left;
display:block; 
position:absolute; 
top:-120px; 
left:0;
}

#and {float:left;margin:1ex .5em 0 1em}


/* Safari 4.0.4 (or more versions) bug absolute positioning in relative positioned element, therefore just display logos */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.imagelist ul  {font-size:0;margin:0}
.imagelist ul li ul  {display:block;cursor:default}
#firstone {position:relative;margin:0;top:0}
.imagelist ul li a, .imagelist ul li a:visited  {background-color:transparent;margin:0}
.imagelist ul li:hover, #and {display:none;}
#becausecsssowellfitsvisualtasks {height:300px;width:100%;}
.imagelist img {margin-right:5px}
}