Vanilla 2

I'm currently using jquery with other applications so I've just added the prettyPhoto.css and jquery.prettyPhoto.js files to my head area and the footer code right before the end body tag. Then I'm using an inline approach. My link is identical to the code from the site.

a href="#inline-1" rel="prettyPhoto"

To begin with the class="hide" isn't hiding the inline content so it appears below my linked image. When I click my link the lightbox opens and I get white box containing my content. What is strange is that it has no corners, so they appear to be transparent. My content contained in the div shows up in Firefox (which is a flash video skin) but I only see a dark box in IE. There are no other navigational elements showing on the lightbox (no style elements) and the only way to close it is to click outside it, after which it closes.

If the css and js files are resolving correctly and the footer code is in the right place I'm curious as to what else could be causing problems.


It's partially working and I've checked the path to the css and js files and they resolve correctly. The footer code is executing as well. I'm testing in IE 8 and FF 3.6.6. In case it's relevant here I'm simply using an inline approach to opening an FLV viewer (http://www.getflvplayer.com/) which plays fine by itself. All I did was move it inside the div tag with the inline id and as far as I can see there shouldn't be any conflicts.