It's not possible to put a reference in a slider on the image, tell us how this can be implemented.

[Saumya]

<div class="row-fluid">
<div class="span12 foto" id="wrapper">
    <div id="slider_top">
    <div class="slide" style="background-image: url(/wa-data/public/site/themes/1.jpg);">
            <a href="http://www.webasyst.ru/store/theme/flamingo/instruktsiya/">

            </a>                
        </div>
        <div class="slide"  style="background-image: url(/wa-data/public/site/themes/2.jpg);">
                            <a href="http://amulet-td.ru/">
        </div>
        <div class="slide" style="background-image: url(/wa-data/public/site/themes/slide1-980x340.png);">
            <a href="http://www.webasyst.ru/store/theme/flamingo/instruktsiya/">
            <!--    <div class="slide-block">

                </div>-->
            </a>
        </div>
        <div class="slide" style="background-image: url(/wa-data/public/site/themes/slide2-980x340.png);">
            <a href="http://www.webasyst.ru/store/theme/flamingo/instruktsiya/">

            </a>                
        </div>
        <div class="slide" style="background-image: url(/wa-data/public/site/themes/slide3-980x340.png);">
            <a href="http://www.webasyst.ru/store/theme/flamingo/instruktsiya/">

            </a>
        </div>
    </div>
</div>

[meriah]

The default tag is inline, so it's gonna expand on the size of what's inside. Either take advantage of the @lexxl or ask the sss properties

height: 100%;
display: block;

The height will be 100 per cent of the parent, and the block ' s properties will spread the element along the width of the parent. If it doesn't have a float: left.