JS output area misaligned

I think this is a bug. Anytime you use `.show()` on the container object in a JS cell to display an element (dynamically from JQuery), the `<div class='output_area'>`'s display attribute becomes `block`. Apparently, `.show()` does this as a default setting. This causes the output area and element to line up incorrectly, underneath the hovering `out_prompt_overlay` button. In this case where I have a checkbox, I can't click/check the box because this button is in the way.

See this example:

![screen shot 2013-08-23 at 11 18 36 pm](https://f.cloud.github.com/assets/2791223/1020264/6a5aa6fa-0c85-11e3-8bae-fea28115cdcc.png)

I just added a simple CSS attribute to override this default and prevent the `output_area` from inheriting display setting and this weird behavior. 

![screen shot 2013-08-23 at 11 14 30 pm](https://f.cloud.github.com/assets/2791223/1020263/6783d3e8-0c85-11e3-9852-044bbf2ee108.png)

I'm not sure this is the best way to go about it... but it works.