Safari hide bug

When toggling the checkbox, the spans will show and hide - revealing different content. However, in the first example, due to a bug in Safari, it will not work properly in the first example. The second example shows the work around.

When the element is inline, and wrapped with <br /> tags, any following inline elements will sit above the newly shown element - see source for details.

inline content (#1)
Inline element obscures newly shown <span>

inline content (#1)
Block element does not obscure