ディビジョンない浮かべコンテナの幅を埋める（CSSの専門家は

Question

が、私はこの質問投稿の多くのバリエーションがあります知っている必要が、どれも私はかなりこのような場合のために働くの答えを提供見つからなかっました。

を、私は基本的に2つの左を持っています

divヘッダー（時間/分）を表記されたコンテンツの幅に伸ばしたいのですが、これはFFとChromeではIE7ではなく、このようにします。 IE7は私の作品の公式ブラウザなので、一番うまく動作するために必要なものです。

ここはCSS：

ですここで

#ui-timepicker-div { padding:0.2em; } 
#ui-timepicker-hours { float:left; } 
#ui-timepicker-minutes { margin:0 0 0 0.2em; float:left; } 

.ui-timepicker .ui-timepicker-header { padding:0.2em 0; } 
.ui-timepicker .ui-timepicker-title { line-height:1.8em; text-align:center; } 

.ui-timepicker table { margin:0.15em 0 0 0; font-size:.9em; border-collapse:collapse; } 
.ui-timepicker td { padding:1px; width:2.2em; } 
.ui-timepicker th, .ui-timepicker td { border:0; } 

.ui-timepicker td a { 
    display:block; 
    padding:0.2em 0.3em 0.2em 0.5em; 
    text-align:right; 
    text-decoration:none; 
} 

HTML（提出コンテンツが含まれていませんでした）です：

<div style="position: absolute; top: 252.667px; left: 648px; z-index: 1; display: none;" class="ui-timepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" id="ui-timepicker-div"> 
<div id="ui-timepicker-hours"> 
<div class="ui-timepicker-header ui-widget-header ui-helper-clearfix ui-corner-all"> 
<div class="ui-timepicker-title">Hour</div> 
</div> 
<table class="ui-timepicker"> 
</table> 
</div> 
<div id="ui-timepicker-minutes"> 
<div class="ui-timepicker-header ui-widget-header ui-helper-clearfix ui-corner-all"> 
<div class="ui-timepicker-title">Minutes</div> 
</div> 
<table class="ui-timepicker"> 
</table> 
</div> 
</div> 

Answer 1

自分の質問に答えるために申し訳ありませんが、この上の文字通り時間後に私は「UI-ヘルパーを除去することであることを発見-clearfix 'クラスをui-timepicker-headerから削除しました。IE7とFFでうまくいきます。