hola
 
tengo un div contenedor principal con una galeria y dentro de el un header el cual queda fuera de proporcion con los elementos dentro de el 
codigo: 
CSS 
@font-face {
font-family: "neutral";
src: url(../font/NeutraDisp-Medium.otf) format("OpenType");
} 
body { 
	margin:0;
	background:#000;	
	font-family: neutral; 
} 
#contenedor{ 
	margin: 0 auto;
	max-width: 1700px;
	font-family: neutral; 
} 
#datos{ 
	max-width:1000px;
	margin:0 auto;
	border:1px solid #f00;
	z-index:9999;
	position:relative;
	margin-top:20px;    
} 
#logo{ 
	float:left;  
} 
#logo_tel{ 
	float:left;  
}  
///////////////////////////////////////////////////////////  
HTML 
<body>
		<div id="contenedor"> 
           <header id="datos"> 
            	 <div id="logo"><img src="img/logo.png" alt="Dr. Henriquez"></div>  
                 <div id="logo_tel"><img src="img/tel.png"></div>  
           </header>        
            <div class="slider-wrapper theme-light"> 
                <div id="slider" class="nivoSlider">
                    <img src="img/slide1.jpg" alt="" />
                    <img src="img/slide2.jpg" alt="" /> 
                </div> 
            </div>         
		</div>
	</body>    
Anexo imagen que muestra le inconveniente, si alguien me pudiese ayudar se lo agradeceria  
http://tar-zam.com/Captura.JPG