1 reply [Last post]
Eponine22
Eponine22's picture
Offline
newbie
Last seen: 8 years 49 weeks ago
Timezone: GMT-8
Joined: 2010-10-28
Posts: 1
Points: 2

ScreenShot001.png

I have ul rollovers. I've done them before with no problem. The latest one I did has a strange bug where ONE (usually the first one) will decide to repeat itself and float behind the ones underneath it. This usually happens when I refresh the page. When i navigate to the page, it seems fine. It happened in both ff and IE. Anyone see this before? I don't know why the pic shows the content of the top box in the second box.

<ul id="downloadbox">  
<li><a href="#" target="_blank"><img src="/images/#.png" width="80" height="80" />
<p>asdf</p>
<h3>asdf</h3>
</a></li>
 
<li><a href="#" target="_blank"><img src="/images/#.png" width="80" height="80" />
<p>asdf</p>
<h3>asdf</h3>
</a></li>
 
<li><a href="#" target="_blank"><img src="/images/#.png" width="80" height="80" />
<p>asdf</p>
<h3>asdf</h3>
</a></li>
 
<li><a href="#" target="_blank"><img src="/images/#.png" width="80" height="80" />
<p>asdf</p>
<h3>asdf</h3>
</a></li>
</ul>

ul#downloadbox {
margin:15px 0 0 20px;
padding:0;
list-style:none;
}
ul#downloadbox li {
float:left;
display:inline;
margin:5px 10px 7px 0;
width:333px;
height:119px;
text-align:left;
background-image:url(/images/bg.png);
background-repeat:no-repeat;
}
ul#downloadbox a {
float:left;
width:331px;
height: 117px;
border: 1px solid #143c61;
}
ul#downloadbox a:active, ul#downloadbox a:focus {
outline-style:none;
-moz-outline-style:none;
border: 1px solid #aad611;
}
#downloadbox a:hover {
border: 1px solid #aad611;
}
#downloadbox p {
color:#FFF;
font-size:14px;
margin:15px 0 0 0;
}
#downloadbox img {
border:none;
float:left;
margin:0 15px 5px 0;
}
#downloadbox h3 {
font-size:20px;
margin:0;
font-weight:normal;
}

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 5 years 37 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

validate

validate