絶対 div は他の div の上に表示され続けますが、下に表示されるはずです。ここに簡単なデモがあります:
<div id="logo">
<h1></h1>
<div id="line"></div>
</div>
#logo {
position: relative;
}
h1 {
width: 60px;
height: 60px;
border-radius: 50%;
border:1px solid #000;
background-color:#eee;
z-index:100;
margin:0 auto;
}
#line {
border-bottom:1px solid #033e5e;
position:absolute;
left:0;
top:30px;
width:100%;
z-index:1;
}
このデモでは、線が円の下になるはずです。z-index で遊んでみましたが、何の効果もありませんでした。