Separated layer elements

RE: http://screencast.com/t/0CFhDbWeF4

Any obvious reason why the backgrounds for screen capture above would act as independent blocks?

The content of the layer is http://screencast.com/t/hEzHpz9pp.

<h2 class="sliderhead sliderbox" style="box-shadow: 0px 4px 10px -5px black; text-shadow: none; font-weight: normal; opacity: 0.75; text-align: right; padding: 25px 30px 25px 40px; font-family: inherit; font-size: 16px; line-height: 18px; color: rgb(255, 255, 255); background: none repeat scroll 0% 0% rgb(56, 48, 48); width: auto; height: auto; border-width: 0px;">Label Design</h2>
<p class="sliderbox" style="box-shadow: 0px 4px 10px -5px black; text-shadow: none; font-weight: normal; opacity: 0.75; text-align: right; padding: 25px 30px 25px 40px; font-family: inherit; font-size: 16px; line-height: 18px; color: rgb(255, 255, 255); background: none repeat scroll 0% 0% rgb(56, 48, 48); width: auto; height: auto; border-width: 0px;">Packaging, labels and POS displays that give your product the attention it deserves.</p>