Space between tabs in IE8

HTML & CSS
1

Hello again,

    I am putting together horizontal menu made from 8 seperate images. There is no DTD on the page because I am writing a clients template for ebay, so im running in quirks mode which i cant avoid in this scenario.

Each of the images has 3px or so of border eithersize of it, and using CSS to remove it dosent seem to work.

Its just simple html:-

<div id="row3">
					<a href="#">
						<img class="mainTabs" src="someurl/S5-1.png" alt="Tab 1" width="142" height="42" />
					</a>	
					<a href="#">
						<img class="mainTabs" src="someurl/S5-2.png" alt="Tab 2" width="121" height="42" />
					</a>
					<a href="#">
						<img class="mainTabs" src="someurl/S5-3.png" alt="Tab 3" width="139" height="42" />
					</a>
					<a href="#">
						<img class="mainTabs" src="someurl/S5-4.png" alt="Tab 4" width="115" height="42" />
					</a>
					<a href="#">
						<img class="mainTabs" src="someurl/S5-5.png" alt="Tab 5" width="120" height="42" />
					</a>
					<a href="#">
						<img class="mainTabs" src="someurl/S5-6.png" alt="Tab 6" width="172" height="42" />
					</a>
					<a href="#">
						<img class="mainTabs" src="someurl/S5-7.png" alt="Tab 7" width="164" height="42" />
					</a>
				</div>


#row3{
		width:973px;
		margin:0;
		padding:0;
		border:none;
	}
	.mainTabs{
		float:left;
	}

Any ideas of a work around? everything looks fine in the other browsers.

2

Float the images and the anchors left also and see if that helps.

Otherwise if you are in quirks mode (no doctype) you may need to remove all the white space between the html elements to kill the gaps.

(BTW that should be a list structure as bare anchors next to each other is a no no for accessibility. ;))