Images further apart in CSS?

Hi,
I’ve added CSS to my site. When I converted the tables I noticed that the images are further apart than before (used to be 3 pixels now 6 pixels apart.)
How can I get the images back to just be 3 pixels apart?

My code:

BODY {
font-family : Verdana, Arial, Helvetica, sans-serif;
background-image: url(imgs/mainback.jpg);
background-repeat: repeat; no-tiling background
background-position: center;
background-attachment: fixed;
background-color: #000000;
color : #000000;
margin: 0px;
}

.maintable {
background-color: #000000;
margin: 0px;
}

.text {
font-size : 8pt;
font-family : Arial, Verdana, Helvetica, sans-serif;
color : #8A7C7E;
font-weight : regular;
}