html:
div id="wrapper">
<div id="itro">
<ul>
<li>
<h2> Title</h2>
<p>This is dumy content.This is dumy content.This is dumy content.This is dumy content.This is dumy content.This is dumy content.This is dumy content.This is dumy content.This is dumy content.This is dumy content.This is dumy content.This is dumy content.This is dumy content.This is dumy content.This is dumy content.This is dumy content. </p>
</il>
<ul>
<div id="logo"> <img src="image/bottom_logo.png" alt="logo" width="45" height="50" align="right">
</div>
</div>
CSS:
#wrapper
{
width:850px;
margin: 0 auto;
background: #B3B3B3;
}
#itro
{
width:550px;
border: 6px solid #000;
margin: 0 auto;
position: relative;
background:#E7E7E7;
margin-top:70px;
}
#itro にマージンを設定したいのですが、ブラウザで見ると div id="wrapper"> も設定されています top margin:70px; なぜ?