Hi i can't seem to get this to work, i want 3 images to show up from left to right. I tried playing around with my code but no luck.

link to page

The CSS code for that part:

 
#boxes li {
	display:inline;
	width:103px;
	height:95px;
}

#boxes1 {
	background-image:url(boxes1.jpg);
	background-repeat:no-repeat;
}

#boxes2 {
	background-image:url(boxes2.jpg);
	background-repeat:no-repeat;
}

#boxes3 {
	background-image:url(boxes3.jpg);
	background-repeat:no-repeat;	
}

any help would be great thanks

you will have to give the <li>'s a size otherwise they will be 0px high x 0px wide. Not good for displaying images. And float them, NOT set them to display:inline.

Thanks thats what it was the float.