I have a div that is filled with dynamic content. So the size is not the same all the time. Sometimes it has a scollbar and sometime it doesnt. When is has a scrollbar I want to let the user know by adding a small image at the bottom (a small bouncing arrow).

Somehow I cant get that working properly...

This is what I got now...

My javascript:

<script type="text/javascript">

if ( $('#scroller').height() < 1051) {

else {
   document.write('<div class="scroll"><p><img src="http://www.website.nl/showroom/pijl.gif" alt=""/></p></div>');

And this is my css:

When I use the alert function it is showing me diffrent heights but the if function does not work...

Can somebody help me out

Thank in advance