liタグをfloat,leftし横並びにしたのですが、テキストがうまく2行に改行されない＠IE7

はじめまして。
html初心者なんですが、

表題にあるようにメニューのようなものをliタグでテキストで横並びにするためfloat　leftをかけたのですが、すべてテキストで構成しているためか、1行目の最後の文字、つまり、<li>hoge</li>が改行されず、残りの幅で縦書きに表示されてしまいます。

画像を添付いたします。
これの解決方法を教えてください。

どうかよろしくお願いいたします。

No.1 ベストアンサー 回答者： salonpath 回答日時： 2009/09/17 16:38

white-space:nowrap;

をfloat:leftを指定してるliに入れてみるとどうなりますか？

この回答へのお礼

ありがとうございます。
解決いたしました。

お礼日時：2009/09/17 18:23

No.2 回答者： yambejp 回答日時： 2009/09/17 16:50

li{

white-space:nowrap;
float:left;
}

この回答へのお礼

ありがとうございます。
解決いたしました。

お礼日時：2009/09/17 18:24