теперь появился новый косячек:
нажали на кнопку добро пожаловать - появился блок добро пожаловать
если на блок добро пожаловать навести мышь, он все равно пропадает... а не должен.
остальное работает как надо

и еще маленький вопрос, ща вот заметил, что при первой загрузке блок добро пожаловать вначале появляется и исчерает 1 раз без кликов вообще.. глюк?

Приписал коммент

Поправил пост №12

на счет этого понял.

тока теперь снова при повторном наведении на блок добро пожаловать он сам появляется без клика на кнопку.
ни один блок не должен появляться без клика.

остальное как надо

ВО!!!!! я у вас в коде

$("#submenu").mouseenter(function(){
              clearTimeout(StTimer);
              $(this).stop(true,true);
              doid_1_SHOW();
 
}).mouseleave(function(){
           doid_1_HIDE();
});

стер doid_1_SHOW(); и получилось как надо!

$("#submenu").mouseenter(function(){
              clearTimeout(StTimer);
              $(this).stop(true,true);
}).mouseleave(function(){
           doid_1_HIDE();
});

теперь вроде работает все, вот посмотрите.., только не знаю как пошире окно предпросмотра сделать

<script src="http://code.jquery.com/jquery-latest.js"></script>

<style>	
#menu {
margin-top: -5px;
width: 180px;
height: 60px;
background-repeat : no-repeat;}

#menu span {
text-align:left;
display:block;
color:#000000;
margin: 7px 0;
padding: 11px;
}
#submenu, #menu span {
    border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
background:#efeff0;
}

#menu .tabactive {
color: #000000;
    background:#777777;
}

#submenu {
padding: 3px;
height: 180px;
text-align: center;
font-size: 12px;
width: 540px;
}

.submenutext {
display: none; 
height: 40px;
}
</style>

<center><table style="width: 800px">
 <tbody>
  <tr>
   <td valign=top>
    <div id="menu"> <b>
<span alt="#sm1" style="cursor: pointer;">Добро пожаловать</span>
<span alt="#sm2" style="cursor: pointer;">Новости форума</span>
<span alt="#sm3" style="cursor: pointer;">Администрация</span>
<span alt="#sm4" style="cursor: pointer;">Баннеры партнеров</span>
           </b>
    </div>
   </td>
   <td id="MenuTxT"  align="center" valign="top">
<div id="submenu" align="center"> 
     <div id="sm1" class="submenutext"><br/><br/>текст добро пожаловать</div>
     <div id="sm2" class="submenutext"><br /><br />текст новости форума</div>
     <div id="sm3" class="submenutext"><br /><br />текст Администрация</div>
     <div id="sm4" class="submenutext"><br /><br />текст баннеры партнеров</div>
</div>
   </td>
</tr>
 </tbody>
</table></center>
<script type="text/javascript">
$(document).ready(function() {
$("#MenuTxT div.submenutext").hide();
 
 
$("#menu span").click(function() {
    $("#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $(activeDiv).fadeIn();
    StTimer = setTimeout(function() {doid_1_HIDE()}, 2000)
    return false; });
});
//setTimeout(function() {$("#menu span:first").click();}, 300); //Это автозапуск первого блока
 
function doid_1_SHOW(){
          activeDiv=$($("#menu span.tabactive").attr("alt"));
          activeDiv.stop().fadeIn(1000);
}
function doid_1_HIDE(){
          activeDiv=$($("#menu span.tabactive").attr("alt"));
          activeDiv.stop().fadeOut(1000);
}
$("#submenu").mouseenter(function(){
              clearTimeout(StTimer);
              $(this).stop(true,true);
}).mouseleave(function(){
           doid_1_HIDE();
});
</script>

Deff, спасибо Вам наиогромнейшее!!!!!!!!!! Цены Вам нет!!!

Поправил

ага, вижу, тока не пойму в чем разница в работе.. и так и так работает..

ладно, спасибо еще раз огромное, не буду Вас мучать больше)

ПС: карму плюсанул)