Image Have Gaps In Between

[Narwhal]

I need some help. I can't get my link buttons to sit next to each other. Here's the link. Below is the stylesheet. What am I doing wrong and why? If I could ask one more thing; I would like an explanation to the solution please I need to learn!

#mantle { position:relative; border: 0; margin-left:auto; margin-right:auto; height:600px;}.linkbar { position:relative; display:inline; top:0; right:0; width:auto; height:35px; padding: 0px; border: 0px; margin: 0px;}

[dsonesuk]

try span {font-size:0px;}

[Narwhal]

try span {font-size:0px;}

Man.. Haha thanks!

[Ingolme]

The real problem is that there are line breaks between each <span> element and the next. Each line break is rendered as a space. You should put all the HTML on the same line if you don't want spaces between the images.

Edited October 29, 2009 by Ingolme

[thescientist]

and for the record, mantle isn't declared correctly. clase?

[dsonesuk]

and for the record, mantle isn't declared correctly. clase?

not only that, but it should be a reference to id not class, but if you change it, the height needs to be adjusted.