Animating div height when div has no height

I’d like to be able to animate the height of a div from it’s current height, to that value plus 100 pixels (for example). You’d think that just getting the height like this:

document.getElementById(“thediv”).style.height

and incrementing it until you’ve added 100 would work nicely (taking into account parseInt and adding “px” of course).

I’m finding though that if a div was declared without specifying its height, then when you try and get it’s current height, you get an empty string. Try this line in the address bar on this very page now:

javascript:alert(document.getElementById(“navbar_search_menu”).style.height)

That’s one of the elements on this page and it has no height, so I couldn’t animate it to make it bigger. [COLOR=red]Beware, when I previewed this post, there was a space (deliberately?) inserted between the s and earch of the element id.[/COLOR]