Null_ Gracias por responderme.....
El diseño que tengo es asi:
Parte del codigo css, es este:
Código:
ul.tabs {
float: left;
list-style: none;
height: 42px;
width:952px;
background: #5e493a;
}
#titulosSeccion {
float: left;
font: 28px/30px 'DejaVuSansBook', verdana;
color: #cccccc;
text-align:left;
text-transform:UPPERCASE;
margin: 12px 0px 0px 6px;
}
ul.tabs li { /* Estilos de las pestañas */
float: right;
margin: 18px 0px 0px 28px;
height: 24px;
width: 112px;
overflow: hidden;
position: relative;
background: #ef6b09;
}
#tabfix { /* Arreglo la pestaña final */
margin-right: 3px;
width: 109px;
}
ul.tabs li a { /* Estilos Botones de pestañas */
text-decoration: none;
color: #000;
display: block;
padding: 7px 0px 0px 8px;
height: 24px;
}
ul.tabs li { /* Estilos del texto en los botones */
font: 12px/14px 'DejaVuSansBook', verdana;
color: #000;
text-align:left;
}
ul.tabs li a:hover {
background: #ebe2d5;
}
html ul.tabs li.active, html ul.tabs li.active a:hover {
background: #ebe2d5;
}
.tab_container {
overflow: hidden;
clear: both;
width: 100%;
}
.tab_content {
padding-top: 28px;
font-size: 1.2em;
}
Ya las soluciones que presentas las hice, con el siguiente resultado:
Cita:
Iniciado por Null_ 
3 soluciones:
[*]Eliminas <span id="titulosSeccion">fundaciones amigas</span>
Si elimino el span, el titulo no me queda dentro de la barra marron claro!
Cita: [*]lo pones dentro de un <li></li>
Si lo pongo dentro de un li, me toma el estilo de las pestañas!
Cita: [*]o lo llevas arriba de <ul> encerrándolo por un <h2></h2> por ejemplo.
Me sigue quedando fuera del cuadro marron claro....
Saludos!