

I have a problem with my theme. Nothing major really but rather bothersome to me. The image on the left is how my site looks in the Flock Browser and that is how it is intended to look. The next screen shot on the right is how it looks in Internet Explorer. It is missing background images for all images governed by the footer, flickr, flickr265, img-right, & img-left div tags.
Below is my CSS for the following tags….
.img-left {float: left; padding: 3px; background: url(img/wrapperbg.png)repeat top center; border: 1px solid #666666; margin: 6px;}
.img-left img {border: 1px solid #666666; }
.img-right {float: right; padding: 3px; background: url(img/wrapperbg.png)repeat top center; border: 1px solid #666666; margin: 6px;}
.img-right img {border: 1px solid #666666; }
#footer { text-align: center; background: url(img/footerbg.gif)repeat bottom center; color: #666666;}
#flickr {text-align: center;padding: 3px; background: url(img/flickrbg.gif)repeat top center; border: 1px solid #666666; padding-top: 25px; padding-bottom: 25px;}
#flickr img {border: 1px solid #666666; background: url(img/wrapperbg.png)repeat top center; padding: 3px;}
.flickr {text-align: center;padding: 3px; background: url(img/flickrbg.gif)repeat top center; border: 1px solid #666666; padding-top: 25px; padding-bottom: 25px;}
.flickr img {border: 1px solid #666666; background: url(img/wrapperbg.png)repeat top center; padding: 3px; width: 80px; height: 80px;}
.flickr365 {text-align: center;padding: 3px; background: url(img/wrapperbg.png)repeat top center; border: 1px solid #666666; padding-top: 25px; padding-bottom: 25px;}
.flickr365 img {border: 1px solid #666666; background: url(img/footerbg.gif)repeat top center; padding: 3px;}
In the Nekkid theme Melissa gives a CSS sheet to make fixes for IE… Do I need to add something to it to make it look right in IE?