poner un logotipo en twitter barra de navegación de arranque sin cambiar el tamaño de la barra de navegación

Question

¿Hay alguna manera de poner una imagen (logotipo de la marca) en la barra de navegación de arranque como:

<div class="navbar navbar-fixed-top"> 
<div class="navbar-inner"> 
    <div class="container"> 
     <a class="brand" href="#"><img src="../Content/Images/logo.png" /></a> 
    </div> 
</div> 
</div> 

y mantener la altura barra de navegación sin tocar? I intentado

.navbar .brand 
{ 
display: block; 
height: 125px; 
width: 246px; 
padding: 0; 
background: url('../Content/Images/logo.png') no-repeat left center; 
float:left; 
position: absolute; 
} 

y tengo buenos resultados con el posicionamiento, pero los enlaces llegado sobre el logotipo.

Answer 1

los enlaces vienen sobre el logotipo

Esto es causado por el posicionamiento absoluto.

actualización Sin cambiar el tamaño de la imagen:

.navbar .brand { 
    max-height: 40px; 
    overflow: visible; 
    padding-top: 0; 
    padding-bottom: 0; 
} 

Demo without resizing image (jsfiddle)