top menu и doctype - JavaScript, Ajax

xxLokixx · 20.03.2010, 08:42

вообщем есть обычная менюшка

Код HTML:

<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css"/>
<title>
index
</title>

</head>
<body>

<table id="table_for_top_menu" cellspacing="0px" cellpadding="0px">
<tr height="30px">
	<td id="first_position" onMouseover="this.id='second_position', table_for_top_menu_podmenu.style.visibility='visible'" onMouseout="this.id='first_position', table_for_top_menu_podmenu.style.visibility='hidden'">menu</td>
	<td id="first_position" onMouseover="this.id='second_position', table_for_top_menu_podmenu2.style.visibility='visible'" onMouseout="this.id='first_position', table_for_top_menu_podmenu2.style.visibility='hidden'">about us</td>
	<td id="first_position" onMouseover="this.id='second_position', table_for_top_menu_podmenu.style.visibility='visible'" onMouseout="this.id='first_position', table_for_top_menu_podmenu.style.visibility='hidden'">contacts</td>
	<td id="first_position" onMouseover="this.id='second_position', table_for_top_menu_podmenu.style.visibility='visible'" onMouseout="this.id='first_position', table_for_top_menu_podmenu.style.visibility='hidden'">news</td>
	<td id="first_position" onMouseover="this.id='second_position', table_for_top_menu_podmenu.style.visibility='visible'" onMouseout="this.id='first_position', table_for_top_menu_podmenu.style.visibility='hidden'">map of site</td>	

</tr>

</table>
<!--podmenu_for_menu--> 
<table id="table_for_top_menu_podmenu" cellspacing="0px" cellpadding="0px" onMouseover="table_for_top_menu_podmenu.style.visibility='visible'" onMouseout="table_for_top_menu_podmenu.style.visibility='hidden'">
<tr height="30px">
	<td id="first_position_for_two_table" onMouseover="this.id='second_position_for_two_table'"   onMouseout="this.id='first_position_for_two_table'">menu</td>
	</tr>
<tr  height="30px">	
	<td id="first_position_for_two_table" onMouseover="this.id='second_position_for_two_table'" onMouseout="this.id='first_position_for_two_table'">about us</td>
</tr>	
<tr  height="30px">
	<td id="first_position_for_two_table" onMouseover="this.id='second_position_for_two_table'" onMouseout="this.id='first_position_for_two_table'">contacts</td>
</tr>	
<tr  height="30px">
	<td id="first_position_for_two_table" onMouseover="this.id='second_position_for_two_table'" onMouseout="this.id='first_position_for_two_table'">news</td>
</tr>
<tr  height="30px">	
	<td id="first_position_for_two_table" onMouseover="this.id='second_position_for_two_table'" onMouseout="this.id='first_position_for_two_table'">map of site</td>	
</tr>


</table>
и CSS
#table_for_top_menu{
		width:780px;
		height:30px;
		margin:0px;
		padding:0px;
		text-align:center;
	}






	#first_position{
		color:green;
		border:1px solid green;
		background-color:lightgreen;
		font-weight:bold;
		font-family:arial;
		width:156px;

	}

	#second_position{
		color:lightgreen;
		border:1px solid lightgreen;
		background-color:green;
		font-weight:bold;
		font-family:arial;
		width:156px;
		cursor:pointer;


	}

	
	#table_for_top_menu_podmenu{
		width:156px;
		height:150px;
		margin:0px;
		padding:0px;
		text-align:center;
		visibility:hidden;
	}

	


	#first_position_for_two_table{
		color:green;
		border:1px solid green;
		background-color:lightgreen;
		font-weight:bold;
		font-family:arial;
		width:156px;



	}






	#second_position_for_two_table{
		color:lightgreen;
		border:1px solid lightgreen;
		background-color:green;
		font-weight:bold;
		font-family:arial;
		width:156px;
		cursor:pointer;


	}

всё работает с DOCTYPE HTML 4.01 а вот при XHTML Transitional 1.0 FF видеть меню отказывается(

заранее спасибо

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Что такое !DOCTYPE ?	k1r1ch	HTML и CSS	9	31.01.2010 01:18
DOCTYPE ошибка	Ururu	HTML и CSS	3	05.04.2009 16:10
List/MENU или Jump Menu с mysql	vanDJ	PHP	0	09.02.2009 11:19
Always on Top	Sergant	Win Api	2	13.04.2007 01:09