CSS trouble with vertical image mouseover

[breeziegrl]

Recently I have made a DIV layout and I want to use image mouseovers for the Navigation, but I can't seem to get it right.

I understand CSS a little, and I usually learn by hands-on. I just can't seem to get it to work. I have 4 images that I need to work with. There were originally 8, but I placed them together.

I've been jumping around from site to site trying to learn more about CSS image mouseovers. I would use JS, but for the website I want to post it on has JS disabled.

Can anyone help me?

[molendijk]

Is this (http://www.dynamicdrive.com/style/csslibrary/item/highlight-image-hover-effect/) useful?
===
Arie Molendijk.

[TheJoshMan]

If you could post up your CSS that you're using, I might be able to help. Need to see what the problem is though.

[TheJoshMan]

The CSS:


.rollover a, .rollover a:link, .rollover a:active, .rollover a:visited{
background:url('yourserver.com/image.gif');
background-repeat:no-repeat;
width:75px;
height:50px;
}
.rollover a:hover{
background:url('yourserver.com/image2.gif');
background-repeat:no-repeat;
width:75px;
height:50px;
}


The HTML:


<div class="rollover">
<a href="somewhere.com">Home</a>
</div>


Very basic version since you didn't post the code you're working with.