XHTML+CSS IE5.5で見ると崩れる
皆様こんにちは、XHTML+CSSで初歩を勉強してる者ですがどうして判らない事があるので教えていただければ助かります。
判らないことは
XHMLのソースに
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>練習</title>
<link href="oooo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="a">
<div id="b"> id "b" </div>
<div id="c"> id "c"</div>
<div id="d"> id "d"</div>
<div id="e"> id "e"</div>
</div>
</body>
</html>
と記入しております
CSSのソースは
@charset "utf-8";
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
margin: 0px;
padding: 0px;
}
#a {
background-color: #999999;
width: 400px;
border: 1px solid #66FF00;
}
#a #b {
background-color: #006699;
width: 400px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #996600;
}
#a #c {
background-color: #00CC99;
margin: 5px;
float: left;
width: 100px;
display: inline;
}
#a #d {
background-color: #99FF66;
width: 285px;
float: left;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
display: inline;
}
#a #e {
clear: both;
background-color: #0000FF;
height: 20px;
}
と記入しております。
IE8,7,6では自分の描いたイメージどうり表示されるものの、
IE5.5では崩れてしまいます。
作成ソフトはAdobe Dreamweaver CS3で作成しております。
ブラウザーの互換性チェックしても何も問題は無いのですがどうしてでしよう？わかる方おしていただけると助かります。
お礼
ご回答有難うございます、非常に参考になりました。個人的にはpaddingを使わなければ問題ないのかな・・と思いました