Question

I have a vertical CSS sprite menu.

I would like to realize a (at example) 3 pixel space between each of the vertical buttons.
Is it possible to create this spaces with CSS?

or is the only option to resize the Sprite with all buttons and set all positions new in the CSS file?

Answer 1

Yes, it’s simple to use but the main problem with your markup. write like this:

ul#menu {
    clear: both;
    float: right;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#menu li {
    margin-bottom: 3px;
    margin-right: 10px;
    overflow: hidden;
    text-indent: -9999px;
}

& remove <br> from your html