display:none and scrolling text

Question

There is a conflict between display:none and scrolling text. What can I use instead of using display:none?

<div id="side_forums_pane" class="side_pane" style=" height:350px;width:260px">
   <div class="jscroller2_up jscroller2_speed-19 jscroller2_mousemove" style="height:250px;width:260px;">
   </div>
</div>

Answer 1

if you just want the element to be invisible, you can apply this class to it

.invisible_class {
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}

more info here

you can also try visibility: hidden;

note: both methods hide the element but it will still occupy the space it used to