Странен проблем с CSS-а

[misho]

HTML

<div class="headerImgMenu">
	 <a href="<?php echo $settings['url']; ?>***" title="***">
	 <img src="<?php echo $settings['url']; ?>img/headerImgMenu/parrots.gif" alt="***" /></a>
	 <a href="<?php echo $settings['url']; ?>***" title="***">
	 <img src="<?php echo $settings['url']; ?>img/headerImgMenu/canaries.gif" alt="***" /></a>
	 <a href="<?php echo $settings['url']; ?>***" title="***">
	 <img src="<?php echo $settings['url']; ?>img/headerImgMenu/finches.gif" alt="***" /></a>
	 <a href="<?php echo $settings['url']; ?>***" title="***">
	 <img src="<?php echo $settings['url']; ?>img/headerImgMenu/otherbirds.gif" alt="***" /></a>
	 <a href="<?php echo $settings['url']; ?>***" title="***">
	 <img src="<?php echo $settings['url']; ?>img/headerImgMenu/care.gif" alt="***" /></a>
	 <a href="<?php echo $settings['url']; ?>***" title="***">
	 <img src="<?php echo $settings['url']; ?>img/headerImgMenu/breeding.gif" alt="***" /></a>
	 <a href="<?php echo $settings['url']; ?>***" title="***">
	 <img src="<?php echo $settings['url']; ?>img/headerImgMenu/ops.gif" style="margin-right: 0px;" alt="***" /></a>
	</div>

CSS

.headerImgMenu {
	display: block;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 110px;
	width: 980px;
}
.headerImgMenu img {
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
 	width: 130px;
	height: 110px;
	border: 0px;
	opacity: 0.75;
	-moz-opacity: 0.75;
	filter: alpha(opacity=75);
}
.headerImgMenu img:hover {
	display: inline;
	opacity: 1.00;
	-moz-opacity: 1.00;
	filter: alpha(opacity=100);
}

Проблемът е, че въпреки, че съм занулил всичко (margin, padding и т.н.), имам по 2 пиксела разстояние около всяка картинка. Т.е. картинките се залепят една до друга, само ако дам -4px на margin-right за headerImgMenu img.

 

[shterev]

Това не е от това че си занулил всичко. Проблема се оправя така: задаваш на картинките display:block; и това място изчезва

 

[misho]

Наистина изчезва, но така се подреждат една под друга, а аз искам да са една до друга. :idea:

 

[hpstuff]

Просто добави и това зада ти се подредят на едно до друго

.headerImgMenu a {	
        float: left;
    }

 

[misho]

Благодаря и на двама ви! :?: Стана идеално.