Help needed with CSS

I have a table with 4 rows and 1 col with buttons (words) in each cell. I used the following css style to create an overlapping effect:

H5.buttons {position: relative; font: bold 16px Verdana, Arial, Helvetica, sans-serif; color: #DDDDDD; letter-spacing: 3px
}
H6.buttons {position: relative; top: -30px; font: bold 11px Verdana, Arial, Helvetica, sans-serif

Here is an example: [color=red]http://www.testfolder.com/buttons/[/color][color=red] [/color]
[color=black]But as you can see in the example is distance between the buttons quit big. How can I solve this?[/color]

Thanks in advance :slight_smile:
[color=red]

[/color]