Hello,
I’ve been trying to setup a page where the entire screen is divided into 3 sections, each section is going to cycle through it’s own directory of images. I’ve got everything working correctly in every browser I’ve tried so far, with one small problem. In IE I get a small white space to the right of the image.
Here is how I have the CSS setup:
#myslides1 {position:absolute; top:0; left:0; width:50%; height:100%; overflow:hidden}
#myslides1 img{height:100%; width:100%}
#myslides2 {position:absolute; top:0; left:50%; width:50%; height:50%; overflow:hidden}
#myslides2 img{height:100%; width:100%}
#myslides3 {position:absolute; top:50%; left:50%; width:50%; height:50%; overflow:hidden}
#myslides3 img{height:100%; width:100%}
Like I said, works great in other browsers, just not IE for some reason…. btw I’ve tried adding margin:0 padding:0 and display:block with no luck
Any ideas would be greatly appriciated!