I'm trying to layout a navigation bar thats going to have 6 or 7 images side by side. I figured it would be easier to position them by adding a class to define their vertical position, but just letting the document flow determine the horizontal position, rather than positioning each one separately. When placing two images side by side (by using the <img> element twice in a row) there's a space of a few pixels between the images. Is there a way in CSS to remove this space? Or is it best to just make an ID for each part of the nav bar and position them each separately. Or maybe I should just use an image map............. Any suggestions?