I'm using Lightbox with HTML5 and CSS3. I have an image that should open inside the lightbox when clicked on, however, it opens outside the Lightbox.....I've never seen that before.

An example URL is www.gymshoe.com/msigeneral


thanks Jim

Hello Jim.

Seems like there is a rule in your CSS layout file that overwrites the CSS of the lightbox.

Please open the following file:
www.gymshoe.com/msigeneral/css/thrColFixHdr.css

find the property:

.content {
    background-color: #FFFFFF;
    float: left;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 13px;
    margin: 3px;
    padding: 6px 0 10px;
    width: 510px;
}

edit it removing the float left property. Should become :

.content {
    background-color: #FFFFFF;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 13px;
    margin: 3px;
    padding: 6px 0 10px;
    width: 510px;
}

Regards: Vulcho.

Much appreciated. I believe this answer works. The answer I got in an email was different.

Very timely response.

thanks much!

Jim