CSS - CSS+Imagenes

Estoy usando este codigo de estilos:

html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center}
p{margin:0 10px 10px}
a{display:block;color: #006;padding:10px}
div#header{position:relative}
div#header h1{height:80px;line-height:80px;margin:0;
padding-left:10px;background: #EEE;color: #79B30B}
div#header a{position:absolute;right:0;top:23px}
div#container{text-align:left}
div#content p{line-height:1.4}
div#navleft{background:#B9CAFF; border:0;}
div#navright{background:#FF8539}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}
div#footer a{display:inline;padding:0;color: #C6D5FD}
div#container{width:700px;margin:0 auto}
div#wrapper{float:left;width:100%}
div#content{margin: 0 150px}
div#navleft{float:left;width:150px;margin-left:-150px}
div#navright{float:left;width:150px;margin-left:-700px}
div#footer{clear:left;width:100%}

Se nota lo q hace, header, columna izquierda, contenido, columna derecha, footer.
Bueno necesito q en el contenido halla una imagen, eso es simple por q se centra en el medio y listo, ahora en cada columna van 3 imagenes q son como botones, el tema es q las pongo y quedan flotando por cualquier lado y no se como centrarlas (las de la izq a la der y viceversa) y tambien que queden unidas, es decir que los bordes se toquen sin espacio en el medio. Alguna ayuda?