Короче, не знаю что у тебя там в таблице должно быть, вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <link rel="shortcut icon" href="images/favicon.ico"/> <meta http-equiv="Content-Script-Type" content="text/javascript"/> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta http-equiv="Content-Style-Type" content="text/css"/> <title>...</title> <script type="text/javascript"> function refr() { var bk = document.getElementById("t"); if(!bk) return false; var el = bk.getElementsByTagName("img"); if(!el) return false; var ell = el.length; var d = new Date(); var par = d.getHours() + "" + d.getMinutes(); for(var i = 0; i < ell; i++) { el[i].src = el[i].src + "?par=" + par; } } var tm = setInterval("refr()", 1000); </script> <style type="text/css"> .ch1 { position: absolute; left: 0%; top: 0%; width: 50%; height: 50%; z-index: 1; } .ch2 { position: absolute; left: 50%; top: 0%; width: 50%; height: 50%; z-index: 1; } .ch3 { position: absolute; left: 0%; top: 50%; width: 50%; height: 50%; z-index: 1; } .ch4 { position: absolute; left: 50%; top: 50%; width: 50%; height: 50%; z-index: 1; } #web5 { display: none; } #web6 { display: none; } #web7 { display: none; } #web8 { display: none; } A { color: #808080; } A:visited { color: #808080; } #t { position: relative; left: 0px; top: 0px; border: 0px; width:800px; margin: 0 auto; z-index:1; } .pic { width: 100%; height: 100% border: 0px; position: absolute; left: 0px; top: 0px; z-index: -1; } #myslidemenu {position:relative; z-index:2;) </style> <link rel="stylesheet" type="text/css" href="jqueryslidemenu.css"/> <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="jqueryslidemenu.js"></script> <script type="text/javascript" src="javascript/prototype.js"></script> <script type="text/javascript" src="javascript/scriptaculous.js?load=effects"></script> <script type="text/javascript" src="javascript/lightwindow.js"></script> <link rel="stylesheet" href="css/lightwindow.css" type="text/css" media="screen" /> </head> <body onload="refr();" bgcolor="#808080"> <div id="myslidemenu" class="jqueryslidemenu"> <ul> <li><a href="#">Folder 1</a> <ul> <li><a href="#">Sub Item 1.1</a></li> <li><a href="#">Sub Item 1.2</a></li> <li><a href="#">Sub Item 1.3</a></li> <li><a href="#">Sub Item 1.4</a></li> <li><a href="#">Sub Item 1.5</a></li> <li><a href="#">Sub Item 1.6</a></li> <li><a href="#">Sub Item 1.7</a></li> <li><a href="#">Sub Item 1.8</a></li> </ul> </li> <li><a href="#">Folder 2</a> <ul> <li><a href="#">Sub Item 2.1</a></li> <li><a href="#">Sub Item 2.2</a></li> <li><a href="#">Sub Item 2.3</a></li> <li><a href="#">Sub Item 2.4</a></li> <li><a href="#">Sub Item 2.5</a></li> <li><a href="#">Sub Item 2.6</a></li> <li><a href="#">Sub Item 2.7</a></li> <li><a href="#">Sub Item 2.8</a></li> </ul> </li> <li><a href="#">Folder 3</a> <ul> <li><a href="#">Sub Item 3.1</a></li> <li><a href="#">Sub Item 3.2</a></li> <li><a href="#">Sub Item 3.3</a></li> <li><a href="#">Sub Item 3.4</a></li> <li><a href="#">Sub Item 3.5</a></li> <li><a href="#">Sub Item 3.6</a></li> <li><a href="#">Sub Item 3.7</a></li> <li><a href="#">Sub Item 3.8</a></li> </ul> </li> <li><a href="#">Folder 4</a> <ul> <li><a href="#">Sub Item 4.1</a></li> <li><a href="#">Sub Item 4.2</a></li> <li><a href="#">Sub Item 4.3</a></li> <li><a href="#">Sub Item 4.4</a></li> <li><a href="#">Sub Item 4.5</a></li> <li><a href="#">Sub Item 4.6</a></li> <li><a href="#">Sub Item 4.7</a></li> <li><a href="#">Sub Item 4.8</a></li> </ul> </li> </ul> <br style="clear: left" /> </div> <table id="t"> <tr><td><div class="ch1"> <div id="web1"><a href="1.html" params="lightwindow_width=740,lightwindow_height=580,lightwindow_loading_animation= true,lightwindow_type=external" class="lightwindow" title="" caption=""><img src="" title="" alt="" class="pic"/></a></div> </div> </td> <td> <div class="ch2"> <div id="web2"><a href="2.html" params="lightwindow_width=740,lightwindow_height=580,lightwindow_loading_animation= true,lightwindow_type=external" class="lightwindow" title="" caption=""><img src="" title="" alt="" class="pic"/></a></div> </div> </td></tr> <tr><td><div class="ch3"> <div id="web3"><a href="3.html" params="lightwindow_width=740,lightwindow_height=580,lightwindow_loading_animation= true,lightwindow_type=external" class="lightwindow" title="" caption=""><img src="" title="" alt="" class="pic"/></a></div> </div> </td> <td><div class="ch4"> <div id="web4"><a href="4.html" params="lightwindow_width=740,lightwindow_height=580,lightwindow_loading_animation= true,lightwindow_type=external" class="lightwindow" title="" caption=""><img src="" title="" alt="" class="pic"/></a></div> </div> </td></tr> </table> </body> </html> Имей ввиду, что тот css, который в стилях меню я не трогал. Только твой html-файл. 1) Пользуйся валидатором, у тебя не закрыт ul был 2) В твоем случае не зачем абсолютным позиционированием пользоваться. Я сделал относительным - нечего не закрывает =)
