Horizontal menu med image links

Kan du ikke bare lægge float:left; på dem?

Det har jeg prøvet, men det ændrer ikke på noget.

Så skal du samtidig droppe "position" o.lign. af hvad der nu måtte være sat på.

Jeg forsøgte med dit forslag, men uden held. Float left fører f.eks "Design" menu linket helt over til venstre men under "Art" menu linket, ikke ved siden af.

Så er der noget helt galt et eller andet sted. Hvordan ser CSS'en ud for den del?

Dette er den aflange brune navigations bjælke:
#navigations{
margin-left:0px;
width:800px;
height:41px;
background-color:#631C06;
}
Inden i den har jeg mine menu div tags som ser sådan her ud:
#art {
   
    margin-left:10px;
    top:123px;
    width:75px;
    height:22px;
    z-index:3;
}
#design {
 
    margin-left:100px;
    margin-top:3px;
    width:75px;
    height:22px;
   
}
#energy {

    position:absolute;
    left:608px;
    top:124px;
    width:75px;
    height:22px;
    z-index:5;
}
#about {
    position:absolute;
    left:744px;
    top:131px;
    width:54px;
    height:20px;
    z-index:6;
}
#contact {
    position:absolute;
    left:837px;
    top:128px;
    width:60px;
    height:22px;
    z-index:7;
}

OK, jeg fandt selv ud af det. Jeg oprettede følgende som er en navigation med horizontal menu. Har brugt den før, men vidste ikke om den kunne kopieres og så bruges med images, men det kan den: #navi {
margin-left:0px;
width:800px;
height:41px;
background-color:#631C06;

   
}

#navi ul {
padding-top:10px;
padding-right:0px;
padding-left:0px;
margin-left:0px;
text-align:right;
list-style:none;


}

#navi li {
  margin: 12px;
  display:inline;
}

I øvrigt linket er nu et andet: http://www.arun.dk/test/arun/index.html