table { table-layout: fixed; word-wrap: break-word; }

… <li> <dl> <dt>hoge</dt> <dd>hogehoge</dd> </dl> </li> …ってやったときIE6,7のときだけ ってなんか謎の空白できた。 もちろんdlはpaddingもmarginも0つけてもだめ。 調べると dl { display: inline; }でinline要素にすると解決するみたい。もういやだー！

inline-blockをつかうとie6,7ではwidthがちょーどいい大きさにならないので inline-blockを適応させる要素に以下を追加 display:inline-block; *display: inline;/*スターハックしてる*/ *zoom: 1;/*ここもスターハック*/

インライン要素 margin：左右○、上下× padding： 上下左右○ ※上下は見た目的には効いてないように見える width：× height：× border：○ background：○ブロック要素 margin：○ padding：○ width：○ height：○ border：○ background：○

.box:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; }