Why is this happening in my simple HTML example I'm working on

Question

I'm trying to get familiar with CSS but some of things that are happening seem rather arbitrary.

For example:

http://jsfiddle.net/stapiagutierrez/48yGU/24/

Why is only the first and second divs displayed (playerinformation and centerad), but not the third one? I thought divs were stacked vertically unless told otherwise via floats or what have you.

Any suggestions?.

I just want three div, organized horizontally within the middle vertical div called middle.

Answer 1

All worked for me (in Firefox), then installed AdBlock and the #rightad disappeared. Disabled adblock for the page and it reappeared again.

Alternative quick test would be to try your jsfiddle in a different browser and see if its all there.

Answer 2

My guess is #rightad is being removed by Adblock, or an equivalent. That's what's happening for me. If you disable your adblocked, I bet it will show up.