カスタムフィールドテンプレートの新規項目追加画面のレイアウト

プラグインでカスタムフィールドテンプレートを使っています。
テンプレートで下記のように記述していますが、ADMIN CSSを少しさわって元に戻したのですが、メニューの項目追加画面でのレイアウトが下記のように崩れてしまいました。

—-希望のレイアウト————————————
1行目 [開催日] [開催日のテキストボックス] [日時ボタン]
2行目 [画像] [画像のテキストボックス] [参照ボタン]
3行目 [イベント内容] [イベント内容のテキストボックス]

—-現在のレイアウト————————————
1行目 [開催日] [開催日のテキストボックス] [日時ボタン] [画像のテキストボックス] [参照ボタン]
2行目 [画像]　
3行目 [イベント内容]　[イベント内容のテキストボックス]

ブラウザの横幅にもよるのですが、開催日のテキストボックスの横に画像のテキストボックスがきてしまいます。

テンプレート

[開催日]
type = textfield
date = true
dateFormat = yyyy年mm月dd日
output = true

[画像]
type = file
output = true

[イベント内容]
type = textarea
rows = 10
cols = 80
tinyMCE = true
htmlEditor = true
mediaButton = true
output = true

ADMIN CSS

#cft dl { margin:10px 0; }
#cft dl:after { content:” “; clear:both; height:0; display:block; visibility:hidden; }
#cft dt { width:20%; clear:both; float:left; display:inline; font-weight:bold; text-align:left; }
#cft dt .hideKey { visibility:hidden; }
#cft dd { margin:0 0 0 21%; }
#cft dd p.label { font-weight:bold; margin:0; }
#cft_instruction { margin:10px; }
#cft fieldset { border:1px solid #CCC; margin:5px; padding:5px; }
#cft .mceStatusbar { padding-bottom:22px; }
#cft .dl_checkbox { margin:5px; }

どなたか解決方法をご存知でしたら、どうかご教授ください。
よろしくお願いします。