A Challenge: Integrate Video Lightbox with a Mono-Image CSS Rollover

[navieko]

Is it even possible? If so, how do I go about doing it?

This is the code I have embedded in the body for the Mono-Image CSS Rollover:


<div id="play1button"><a href="play1.html" title="Why YOU need a vacation!"></a></div>

Obviously most of the code for the above is in the CSS file.

This is the code I'd normally use to embed a Video Lightbox onto a page:


<!-- Start VideoLightBox.com BODY section -->
<div id="videogallery">
<a rel="#voverlay" href="link-to-video" title="name-of-video"><img src="link-to-thumbnail" alt="alt-name-of-thumbnail" /><span></span></a><a id="videolb" href="http://videolightbox.com">Lightbox to Flash by VideoLightBox.com v1.8</a>
</div>
<!-- End VideoLightBox.com BODY section -->

If it helps, the website is www.time4avacation.com (http://www.time4avacation.com)

The 3 rollover images at the top are what I'm trying to make work with Video Lightbox.

Any help is very much appreciated!

Cheers.