New CSS question

1

It may be elegant, but it’s ****ed fiddly at times! Here’s my previous post which contains all the information - there’s just a new question at the end!

I’m trying to make what is basically a page of 8 thumbnails with text underneath them in CSS. The page in question is at:

www32.brinkster.com/jamesclarke/jamesv3/i_books.html

I’ve laid the CSS out as follows:

A container for the whole lot:


#bookscontainer{
	float: left;
	margin: 0px;
	width: 550px;
	background-color: #ffffcc;
	}

A div for each image:


#menuimages {
             float:left;
	width:110px;
	margin:10px;
	padding:5px 1px;
	border:0px;
	border-color:#ffffcc;
	background-color:#ffffcc;
	vertical-align:middle;
	text-align:center;
	font-size:xx-small;
	font-family:verdana;
	color:#663333;
	}

This works fine - the only problem being that I have a row of images across the top which look fine, but then the row underneath is stuck over to the right looking ugly. Is there any way I can centre the whole thing so that it’s laid out nicely?

Ta folks!