Creating footer widgets

Hi, im trying to create my own widget areas. but when styling i cannot get the text to stay in the box, it goes right across the page rather than sticking into the widget.

my code:

#footer-sidebar {
   display:block; 
   height:auto; 
   width:100%;
}
#footer-sidebar1, #footer-sidebar2, #footer-sidebar3, #footer-sidebar4 {
   float:left; 
   width:23%; 
   padding-left:1%; 
   padding-right:1%;
   height: auto;
}

• This topic was modified 7 years, 6 months ago by Steven Stern (sterndata). Reason: reformatted CSS and put in backticks

The page I need help with: [log in to see the link]