CSS: высота стола не будет сотрудничать

Question

я не могу сделать таблицу я «встроенный» в другой Div сколь угодно высокий/короткая:

#header table.rates { 
    float: left; 
    width: 210px; 
    border: 1px solid black; 
    border-collapse: collapse; 
    padding:0; 
    margin: 5px; 
    font-family: Verdana, Helvetica, Arial; 
    font-size: 10px; 
} 

#header { 
    clear:both; 
    float:left; 
    width:100%; 
    border-bottom:1px solid #000; 
    background: #9c9; 
    padding-top: 10px; 
    padding-bottom: 10px; 
    font: small-caps 40px/40px "Times New Roman", serif; 
    color: #282; 
} 

И в HTML это <div id='header'>...<table class='rates'>...

таблица вертикально расширяет заголовок div, и никакое количество возиться с элементами tr, td или table не заставит его сотрудничать. Что мне не хватает?

Answer 1

Извините за кибер-возмущение здесь людей, проблема была с

#header { font: small-caps 40px\40px "Times New Roman", serif; }

модифицируя строку font: small-caps 40px "Times New Roman", serif; позволило мне доступ к свойствам высоты моей таблицы, как хотелось бы.

Лилль