I have am trying to create animated soundbars using jquery (js fiddle here: <http://jsfiddle.net/rhK4n/> )

HTML

```
<div class="eq">
    <span class="bar"></span>
    <span class="bar"></span>
    <span class="bar"></span>
    <span class="bar"></span>
    <span class="bar"></span>
</div>

```

CSS

```
.bar {
    background-color: green;
    width:15px;
    height:40px;
    display: inline-block;
    vertical-align: bottom;
}

```

jQuery

```
function fluctuate(bar) {
    var hgt = Math.random() * 10;
    hgt += 1;
    var t = hgt * 30;

    bar.animate({
        height: hgt
    }, t, function() {
        fluctuate($(this));
    });
}

$(".bar").each(function(i) {
    fluctuate($(this));
});

```

I want the soundbars to be 40px in height. 

However, this method contracts them to c.15px and so the baseline moves up and down, **I want it to be fixed**.

I can't figure out why this error is occuring.