Estoy trabajando con este diseño web (
http://www.marioreformas.com/problemas/), y es que me estoy volviendo loco.  
 Código HTML:
  <div id="footer">	
	
				<div id="footer-content">
					<ul id="freedom">
						<li><a href="#tabs-1"><img src="resources/images/cocina.png" /></a></li><br />
						<li><a href="#tabs-2"><img src="resources/images/bano.png" /></a></li>
					</ul>
					<div class="tabContainer">
						<div id="tabs-1">
							Los trabajos a realizarían serían los siguientes:
							<ul>
								<li>Demolición, desescombro  de azulejos, solado, aparatos sanitarios, radiador etc. retirada de escombros y traslado al vertedero.</li>
								<li>4m2 de baldosa de gres a elegir entre varios modelos</li>
								<li>20m2 de azulejo a elegir entre varios modelos</li>
								<li>Azulejos hasta 12,00 €/m² modelo y color a elegir</li>
								<li>Lavabo de porcelana en color blanco</li>
							<br /><center><a href="javascript:void(0);" onclick="popupCssShow('req.php?tab=1', 460);" title="Abrir PopUp">Leer todos los detalles</a></center>
							</ul>
						</div>
						<div id="tabs-2">
							<ul>
							Incluimos los siguientes trabajos:
								<li>Picado y alicatado de revestimientos y pavimentos</li>
								<li>24 m² revestimiento y 6 m² pavimento</li>
								<li>Azulejos hasta 12,00 €/m² modelo y color a elegir</li>
								<li>Renovación de fontanería en cobre y PVC</li>
								<br /><center><a href="javascript:void(0);" onclick="popupCssShow('req.php?tab=2', 460);" title="Abrir PopUp">Leer todos los detalles</a></center>
							</ul>
						</div>
					</div>
				</div>
			</div>  El problema es que no consigo que todo lo que contiene "footer-content" se quede dentro del "footer". 
Aqui tienen la hoja de estilos: 
http://www.marioreformas.com/problem.../css/style.css 
Porfavor, hechadme una mano que me urge mucho.  
Gracias