Need little help with Tab Content Script (v 2.2)

[kujhelyi]

Tab Content Script (v 2.2)

http://www.dynamicdrive.com/dynamicindex17/tabcontent.htm

Im using DEMO 3. Instead CSS navigation bar, Im using images, as buttons.

I have spaces between them, HOW can I get rid of the spacing and just align my images next to each other?

Thank you

[Nile]

It doens't look like there is spacing except the blue border, did you not want the blue border there?

[rangana]

Since you are using images, I have this feeling that is has something to link on Mysterious Gaps (http://developer.mozilla.org/en/Images,_Tables,_and_Mysterious_Gaps).

If nothing helps, please provide a link to the page in question.

[kujhelyi]

I can't send the link, the page in not in the "AIR" yet....

but here is the code, if you guys can take a look:

---------------------------------------------------------------------
<div id="div1">
<div id="pettabs" class="indentmenu">
<a href="#" rel="profile"><img src="picture1.png" alt="Profile" width="61" height="61" border="0" /></a>
<a href="#" rel="mail"><img src="picture2.png" alt="Mail Box" width="61" height="61" border="0" /></a>
<a href="#" rel="vanity"><img src="picture3.png" alt="Vanity Wall" width="61" height="61" border="0" /></a>
<a href="#" rel="community"><img src="picture4.png" alt="Nombi Community" width="61" height="61" border="0" /></a></div>
---------------------------------------------------------------------

And here is the CSS for the indentmenu. I donno why I have GAPs :(
The rest of the code like .js I use the one from Dynamic Drive.

--------------------------------------------------------------
.indentmenu {
width: 500;
height: 400;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}


.indentmenu a.selected{
background-color: #8B2A2D;
}

.indentmenu a:hover {
background-color: #E4A7A8;
}
.indentmenu a:active {
background-color: #8B2A2D;
}

-------------------------------------------------------------------