[help] CSS and "visibility:"

<div class='essitem'><div class='esstitle'>Title</div><div class='esstxt'>Content</div></div>

This is what it looks like:

This is what I'm trying to get it to look like by fiddling with the visibility property of esstxt:

I can get "Content" to disappear quite easily (using visibility:hidden or visibility:collapse, but it still stretches out the box, like so:

Is there anything I can do about this?

Have you tried setting display: none?

Visibility makes the content invisible but leaves a space, whereas display: none doesn't even attempt to render it.

Perfect! Thanks.