Hello
I have the following site in development...
www.inetdev1.com
...as you can see it is a simple accordian site.
My problem is that I have associated a "height: 200px" to the section content div which fails to display correctly in FF2. IE & the new FF3 display okay.
As you can see in FF2 the problem is that as you click on each of the sections the footer image appears to "bounce" a little about the page.
I will include my CSS code below for reference...
Thanks
Paul
Code:
* {
margin:0;
padding:0;
list-style:none;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
margin:10px;
background-color: #D6E3EB;
}
#basic-accordian{
width:740px;
position:absolute;
left:50%;
margin-left:-370px;
z-index:2;
margin-top:10px;
}
.accordion_headings{
color:#000033;
cursor:pointer;
font-weight:bold;
background-image: url(images/head_bg.png);
padding-left: 20px;
height: 17px;
padding-top: 4px;
}
.accordion_headings:hover{
}
.accordion_child{
padding:15px;
background:#EEE;
height: 200px;
}
#footer {
line-height: 25px;
text-align: right;
color: #000033;
}
#logo {
background-image: url(images/logo_bg.gif);
}
|