problemer med border på div
Jeg har følgende kode som skal kunne vise en tekst ovenover en række select-bokse. Det har jeg så også fået den til, men problemet er så at border ikke bliver vidst rigtigt.Nogen der kan komme med et hint til hvad der kan gøres ved det?
<div id="adg_box" style="visibility: hidden;">
<iframe frameborder="0" style="position:absolute;top:0px;left:0px;width:500px;height:210px;"></iframe>
<div id="adg_bg_1">
</div>
<div id="adg_bg">
</div>
<div id="adg_pic">
<img src="images/box_ikon_adgang_begraenset.gif" alt="Ingen adgang" width="57" height="85" border="0">
</div>
<div id="adg_tekst">
TEXT HERE
</div>
<div id="adg_top">
<p><a href="#" class="synsdata_link" onclick="vis_tekst();">luk</a></p>
</div>
</div><br>
Der er også lidt CSS indblandet:
#adg_box {
position: absolute;
top: 320px;
left: 400px;
z-index: 2;
visibility: hidden;
border: 2px solid #999;
width: 500px;
height: 200px;
text-align: center;
}
#adg_bg {
position: absolute;
left: 0px;
top: 0px;
width: 10%;
height: 100%;
background-color: #FFF;
filter: alpha(opacity=100); /* IE */
}
#adg_bg_1 {
position: absolute;
left: 10%;
top: 0px;
width: 90%;
height: 100%;
background-color: #FFF;
filter:alpha(opacity=80); /* IE */
}
#adg_top {
position: absolute;
left: 43%;
top: 0px;
width: 100%;
height: 10%;
}
#adg_pic {
position: absolute;
left: 0px;
top: 10%;
width: 10%;
height: 100%;
}
#adg_tekst {
position: absolute;
left: 10%;
top: 0%;
width: 90%;
height: 100%;
overflow: auto;
}
