Невозможно изменить высоту div.

Question

Я не могу изменить высоту моего div с помощью CSS. Кажется, это не влияет. Код ниже. Я кодирую в C# ASP.NET с Javascipt и CSS. Следующий код включен в другие файлы, используя SSI. Высота .navdiv не изменится независимо от значения для height:50px.

ASPX

<link rel="Stylesheet" href="CSS/SSI/header.css" /> 
<div id="header"> 
    <div id="logo"> 
     <img id="imglogo" src="Images/logo.gif" /> 
    </div> 
    <div id="nav"> 
     <a class="navlink" href="default.aspx"> 
      <div class="navdiv" id="navhome"> 
       Home 
      </div> 
     </a> 
     <a class="navlink" href="import.aspx"> 
      <div class="navdiv" id="navimport"> 
       Import 
      </div> 
     </a> 
    </div> 
</div> 

CSS

/* 
* header.css 
* Created By: Steven T. Norris Created On: 5/12/2012 
* Update By: Update On: 
* 
* Stylesheet for header SSI 
*/ 

/*Main header style*/ 
#header 
{ 

    background-color:#2875ff; 
    border-color:Black; 
    border-style:solid; 
    border-width:2px; 
    padding:0px; 
    margin:0px; 
} 
#logo 
{ 
    margin-bottom:10px; 
} 

#navhome 
{ 
    height:100px; 
} 

/*Navigation styles*/ 
.navdiv 
{ 
    height:50px; 
    background-color:#000999; 
    display:inline; 
    margin-left:10px; 
    padding-right:5px; 
    padding-left:5px; 
    font-size:large; 
    text-align:center; 
    color:#c24900; 
    font-weight:bold; 
    text-decoration:none; 
} 
.navdiv:hover 
{ 
    color:White; 
} 
#nav 
{ 
    padding:0px; 
    margin:0px; 
    height:auto; 
    width:100%; 
} 

Answer 1

Использование display: inline-block; будет исправлять проблему с высотой, но если вы хотите, чтобы divs все еще были бок о бок, обязательно добавьте float: left; к обоим элементам.

Answer 2

Свойство высота не имеет значения на элементах с display: inline. Он должен быть block или inline-block.