buenas gente
tengo este codigo en php

php escribió:

Código PHP :

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="shortcut icon" href="/favicon.ico" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>TOPIPLAST LTDA. .:: Bienvenido a Nuestro Website ::.</title>
<link rel="stylesheet" href="templates/<?php echo $this->template
?>/css/estilos.css" type="text/css" />
<link rel="stylesheet" href="templates/<?php echo $this->template
?>/css/especificos_joomla.css" type="text/css" />
<!--[if IE 7]>
   <link href="templates/<?php echo $this->template ?>/css/ie7only.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if IE 8]>
   <link href="templates/<?php echo $this->template ?>/css/ie8only.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if lte IE 6]>
   <link href="templates/<?php echo $this->template ?>/css/ie6only.css" rel="stylesheet" type="text/css" />
<![endif]-->
</head>
<body>


<div id="fondo"><jdoc:include type="modules" name="fondo" style="xhtml" />

<div id="cabezote"><jdoc:include type="modules" name="cabezote" style="xhtml" /></div>
<br class="clearfloat" />

<div id="contenedor-info"><jdoc:include type="modules" name="contenedor-info" style="xhtml" />

<div id="menu"><jdoc:include type="modules" name="menu" style="xhtml" /></div>
<br class="clearfloat" />

<div id="contenido"><jdoc:include type="component" /></div>
<br class="clearfloat" />

</div><br class="clearfloat" />
        
<div id="pata"><jdoc:include type="modules" name="pata" style="xhtml" /></div>
<br class="clearfloat" />


        
</div><br class="clearfloat" />
</body>

</html>


tengo este en la hoja de estilos

hoja de estilos escribió:


@charset "utf-8";
body{
padding: 0;
text-align:center;
background-color:#CCCCCC;
}

#contenedor{
width:900px;
height:600px;
background-image: url(../imagenes/fondobambu.jpg);
background-repeat: repeat-y;
}
#contenedor-info{
width:900px;
background-image:url(../imagenes/fondobambu.png)
}

#cabezote {
width:900px;
height:215px;
float:left;
}

#menu {
width:200px;
height:400px;
float:left;
text-align:center;
}

#contenido {
width:700px;
height:550px;
text-align:center;
float:right;
}

#pata {
width:900px;
height:108px;
float:left;
}


y el resultado es este

http://topiplast.com/joomla/

necesito que el fondo vaya hasta debajo de la pata, y que este centrado, peor not engo iidea de como, gracias
por cierto esoe s un template para joomla