Question

I have 2 span tags which have a tags in working as buttons for a gallery and to position them i am using display:block. Which works fine in all browsers apart from IE7. Both of the button have shifted to the right hand side of the gallery. Here is the CSS code I am using for them:

.prv_button{
    float:left;
height:227px;
width:15px;
position:absolute;
display:block;
overflow: hidden;

}

.prv_button a{
background-image:url(../images/gal_prv.jpg);
background-repeat:no-repeat;
height:227px;
width:15px;
display:block;
position:relative;
overflow: hidden;
}

.nxt_button{
height:227px;
width:15px;
float:left;
position:absolute;
display:block;
overflow: hidden;
left:432px;
}

.nxt_button a{
background-image:url(../images/gal_nxt.jpg);
background-repeat:no-repeat;
height:227px;
overflow: hidden;
width:15px;
display:block;
position:relative;
}

let me know if you need any more information.

Thanks.

Answer 1

I had to use a stylesheet for IE7 so when positioning for them for IE using a different method it would not throw the positioning off in the other browsers