Meu primeiro XHTML

Pessoal, meu problema deve ser bem banal, mais por ser iniciante em XHTML e tableless eu não faço nem ideia pelo oq procurar.

Eu tenho o seguinte estilo:

#line1{
	display:block;
	float:left;
	width:760px;
	height:227px;
	margin:0;
	padding:0px;
	text-align:left;
}

E o seguinte DIV

<div id="line1">
 <img src="images/LAYOUT_SLICE_01.jpg"/>
 <img src="images/LAYOUT_SLICE_02.jpg"/>
 <img src="images/LAYOUT_SLICE_03.jpg"/>
	</div>

Problema está no seguinte, ele cria um espaço entre uma imagem e outra. O mesmo acontece com outros objetos como divs e etc. Só pelo falo de eu pular de linha para manter meu código organizado ele faz isso. Se eu colocar tudo em uma linha só não ocorre isso. Ex:

<div id="line1"><img src="images/LAYOUT_SLICE_01.jpg"/><img src="images/LAYOUT_SLICE_02.jpg"/><img src="images/LAYOUT_SLICE_03.jpg"/></div>
Só que da nunca mais vou me achar nos meus códigos. O que tem de errado?