CSS div area not appearing (but showing in firebug?)

Using css: CSS div area not appearing (but showing in firebug?) on newest questions tagged css – Stack Overflow

I have a div (class=”sidebar”) that I want to display on the right hand side of my content area. I’ve set the content area as the container, then placed the sidebar inside that, specified height, width, background color and floated it right.

It’s displaying in firebug, but not appearing on the screen.

I’m currently learning CSS so any tips/advice on what I’m missing are welcome.

Any advice available will be gratefully received.

Thanks in advance,

Tom Perkins

You can view my code here:
http://jsfiddle.net/tomperkins/v3yqf/

source: http://stackoverflow.com/questions/4562245/css-div-area-not-appearing-but-showing-in-firebug
Using css: using-css