私のjQueryのテーマはIEでカレンダーウィジェットを混乱させるのはなぜですか？

Question

私はfacebookベースのjqueryテーマを開発していますが、IEでカレンダーウィジェットを正しく表示するには問題があります。

ここでデモページです：IE8で

http://ilsken.com/fbui/

カレンダーウィジェットの日付はすべて左に踏み付け取得し、単純に間違っ見えるが。あなたは、細胞がメインボックスの外に出ることを意味している場合

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { 
    background: #D8DFEA; 
    color: #3B5998; 
    font-size: 14px; 
    border: 1px #D8DFEA solid; 
    border-bottom: none; 
    border-radius: 0px !important; 
    font-weight: bold; 
    } 
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { 

    background: #627AAD; 
    border: 1px solid #627AAD; 
    border-bottom: none; 
    color: #fff; 
    border-radius: 0px !important; 
    } 

Answer 1

： 一部だけ、私は想像することができるCSSはこの原因はここにいる私は、（IEで）Windowsベースのシステムがルシーダグランデが欠落しているので、それはだと思います代わりに文字間隔が異なるTahomaでレンダリングします。 Bazzz氏によると、Firefox/Winでは同じように見える。

ルシーダグランデを検索Googleとそれを試す、または代わりのArialを使用するためにCSSを変更：jquery.ui.theme.cssで

を、ライン17の周り：

.ui-widget { 
    font-family: arial,sans-serif; 
    ... 
} 

かjquery.ui.datepicker.cssで

、10行目：

.ui-datepicker { width: *18em*; ... } 

をちょうど全体のカレンダーが少し大きくウィジェット作ります

助けて欲しい。