Cool jquery rollover, but problem with IMG in style sheet
Hello. I have a pretty cool jquery rollover based on one that appears on Kyan Media's website. On this forum, slowgary helped me make the buttons clickable. But now I have a new problem with the CSS for the script.
Here is my test blog:
http://loriandersondesigns.com/totshotsworkshops/
You can see the blue rollovers in the center of the screen. However, the IMG call in the CSS for the script forces ALL images in my blog posts to show up in the top left corner of the page. Is there a way to alter the CSS so the IMG tags for the script only affect the three rollover buttons?
Here is the CSS for the jquery script:
#three {
width: 850px;
text-align: center;
margin: auto;
}
.blocks {
width: 250px;
height: 140px;
position: relative;
overflow: hidden;
float: left;
padding: 0 1em;
}
img {
position: absolute;
top: 0; left: 0;
}