Make widget area green on SOME pages

I am trying to have the sidebar area have a green background and white text like this wireframe.

Screenshot
https://screencast.com/t/8chlxupaVN

Beta page
http://25a.e58.myftpupload.com/ccs-sioux-city-plant-1-flipped/

Why does the green box appear above all text?

I am using a widget for the sidebar.  Here is the code in the widget

<span class="greenbox-locations">
<h2>CCS Sioux City Plant 1</h2>
2900 Murray Street
Sioux City, IA 51111
(712) 279-0918

Plant Manager
(712) 279-0918 xXXX

Regional Director
(712) 279-8000 xXXX</span>

<strong>MAP GOES HERE</strong>

Select allOpen in new window

Here is css

.greenbox-locations { 
    background-color: #016633; 
  padding:5px 30px;
}

Select allOpen in new window