[SOLVED] Image Showing Up when a hover is hovered over?

Hello,

I have a css rollover navigation, which when a text link is rolled over a grey box appear. This all works fine. But what i need it when the grey box appears i need an image to also to the far left in a different div. So with each rollover and different image appears relating to each link.

How would i do this using css?

Or will i need to change my css to javascript?

Thanks guys any help or guidance would be appreciated.

JavaScript can work with CSS and vice versa
You could hide the image div, and when you hover the text link you can use JS onmouseover, and set the image div to "show"!

EDIT: I found just the right tutorial for you HERE! Instead of putting text in the "<div id="div1">", you could put your <img src="">

THANK YOU!

You are a champ!

Much appreciated. I will go through the code and test it out when i get a chance.

Exactly what i was after!

Thanks again