...

View Full Version : nested divs appear behind box in Firefox only



chaser7016
01-28-2007, 05:15 AM
Please see www.ryanspahn.net/FireFox.jpg for Firefox version and www.ryanspahn.net/IE.jpg .

Notice in the Firefox in the second box the two radio button forms appear behind the box. In the first box(top box) they appear fine within that box.

Here is my .css




div.customizebox {
background-color: #FFF8DC;
width: 700px;
height: 1900px;
}

#pingbox {
position: absolute;
top:100px;
left:95px;
width:650px;
height:260px;
background-color: #FFFFFF;
border: solid 3px #000000;
line-height:17px;
}


#pbox {
float: left;
width:200px;
height:250px;
background-color: #FFFFFF;
}

#lrmbox {
float: left;
width:250px;
height:250px;
background-color: #FFFFFF;
}

#randombox {
float: left;
width:200px;
height:250px;
background-color: #FFFFFF;
}


#boxrming {
position: absolute;
top:285px;
left:-3px;
width:650px;
height:260px;
background-color: #FFFFFF;
border: solid 3px #000000;
line-height:17px;
}

#boxspl {
float:left;
width:200px;
height:250px;
background-color: #FFFFFF;

}


#boxlrm {
float:right;
width: 200px;
height:250px;
background-color: #FFFFFF;

}

#boxrandom {
float:right;
width:200px;
height:250px;
background-color: #FFFFFF;

}



Anyone ever seen this? Can anyone offer a suggestion on how to fix it? Do I need to clear floats or something for those two boxes to appear on top and not behind the box?



Thanks,
Ryan

coothead
01-28-2007, 09:57 AM
Hi there chaser7016,

posting links to images is not really that useful for solving coding problems. :eek:

Posting a link to the problematic site is the ideal way to get coding solutions. ;)

coothead



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum