tengo este estilo
Código CSS:
Ver original.contenedor{
width: 600px;
margin: 0 auto 0 auto;
background-image: url("fondo.png");
top: 0px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
behavior:url(border-radius.htc);
}
.head{
width: 292px;
height: 150px;
float: left;
}
.cuadro_titulo{
position: relative;
width: 300px;
margin-left:5px;
font-family: "palatino linotype",palatino,serif;
color: #0011FF;
font-size: 40px;
font-weight: bold;
font-variant: small-caps;
float: left;
}
y lo estoy poniendo en mi html asi
Código HTML:
Ver original<div class="head"><img src="http://organizacioneverest.com/sitio/templates/businessblue/images/header-object.png" width="292" heigth="150" /></div> <div class="cuadro_titulo">Red Optimus 2.0
</div>
De esta forma logro que me aparezcan "cuadro_titulo" al lado de "head", pero resulta que no me sale el fondo de "contenedor", si le agrego float: left; a .contenedor si me aparece el fondo pero me lo tira a la izquierda (es apenas obvio) y yo lo necesito es centrado porque alli va el contenido de mi pagina, sin el float: left; en .contenedor se ve centrado pero sin el fondo, como puedo lograr para que me quede centrado y con el fondo?