http://slavyanskaya-kultura.ru/photos/1042
Может, кто хорошо разбирается с лайтбоксом и каскадными помогите?
Думаю что проблема в этом фаиле /includes/jquery/lightbox/css/jquery.lightbox.css
Я там ничего не менял, вполне может быть, что и у других кто на версии 1.6.2 имеют ту же проблему.
Пример фаила jquery.lightbox.css:
/* * jQuery Lightbox Plugin (balupton edition) - Lightboxes for jQuery * Copyright (C) 2008 Benjamin Arthur Lupton * http://jquery.com/plugins/project/jquerylightbox_bal * * This file is part of jQuery Lightbox (balupton edition). * * jQuery Lightbox (balupton edition) is free software: you can redistribute it and/or modify * it under the terms of the GNU Affero General Public License as * published by the Free Software Foundation, either version 3 of the * License, or (at your option) any later version. * * jQuery Lightbox (balupton edition) is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU Affero General Public License for more details. * * You should have received a copy of the GNU Affero General Public License * along with jQuery Lightbox (balupton edition). If not, see <http://www.gnu.org/licenses/>. * * @name jquery_lightbox: jquery.lightbox.css * @package jQuery Lightbox Plugin (balupton edition) * @version 1.1.1-final * @date April 07, 2008 * @category jQuery plugin * @author Benjamin "balupton" Lupton {@link http://www.balupton.com} * @copyright (c) 2008 Benjamin Arthur Lupton {@link http://www.balupton.com} * @license GNU Affero General Public License - {@link http://www.gnu.org/licenses/agpl.html} * @example Visit {@link http://jquery.com/plugins/project/jquerylightbox_bal} for more information. */ html, body { margin: 0; padding: 0; height: 100%;} #lightbox, #lightbox-overlay { position: absolute; top: 0px; left: 0px; bottom:auto; right:auto; z-index:100; width:100%; height:auto; text-align:center; color:#333333; /* stop stupid conflicts */ margin:0px; padding:0px; border:none; outline:none; line-height:0; /* general conflict stopper */ text-decoration:none; background:none; word-spacing:normal; letter-spacing:normal; float:none; clear:none; display:block; } #lightbox-overlay { z-index: 90; background-color:#000000; height: 100%; position:fixed; } #lightbox-overlay-text { text-align: right; margin-right: 20px; margin-top: 20px; color: white; font-size: 12px; cursor: default; line-height:normal; } #lightbox-overlay-text a, #lightbox-overlay-text a:hover, #lightbox-overlay-text a:visited, #lightbox-overlay-text a:link { text-decoration:underline; color:white; } #lightbox-overlay-text span { padding-left:5px; padding-right:5px; } #lightbox img, #lightbox a img, #lightbox a { border:none; outline:none; } #lightbox-imageBox { position:relative; border:1px solid black;; background-color:white; width:400px; height:400px; margin:0 auto; } #lightbox-imageContainer { padding:1px; } #lightbox-loading { position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0; } #lightbox-nav { position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; } /* #lightbox-imageBox > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none; }*/ #lightbox-nav-btnPrev, #lightbox-nav-btnNext { display:block; width:49%; height: 100%; background:transparent url(../../jquery_lightbox/images/blank.gif) no-repeat; /* Trick IE into showing hover */ /* cursor:pointer; */ zoom:1; /* who knows why? */ padding:0px; margin:0px; } #lightbox-nav-btnPrev { left:0; right:auto; float:left; } #lightbox-nav-btnNext { left:auto; right:0; float:right; } /* .preload_largeLink, #prevLink:hover, #prevLink:visited:hover { background:url("../images/prev.gif") left 45% no-repeat; } .preload_nextLink, #nextLink:hover, #nextLink:visited:hover { background:url("../images/next.gif") right 45% no-repeat; } */ #lightbox-infoBox { font:10px Verdana, Helvetica, sans-serif; background-color:#FFFFFF; margin:0 auto; padding:0px; /* width: 100%; padding: 0 10px 0; */ } #lightbox-infoContainer { padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; color:#666; line-height:normal; /* height:30px; */ } #lightbox-infoHeader { width:100%; text-align:center; } #lightbox-caption { text-align:justify; } #lightbox-caption-title { font-weight:bold; } #lightbox-caption-description { font-weight:normal; } #lightbox-infoFooter { margin-top:3px; color:#999999; } #lightbox-currentNumber { display:block; width:49%; float:left; text-align:left; } #lightbox-close { display:block; width:45%; float:right; text-align:right; } #lightbox-close-button{ padding-left:30%; } #lightbox-close-button, #lightbox-close-button:link, #lightbox-close-button:visited, #lightbox-close-button:hover { text-decoration:underline; color:#999999; } #lightbox-close-button:hover { color:#666666; } #lightbox-infoContainer-clear { clear:both; visibility:hidden; }