下面是下拉MENU的一些设置,只在navigation3那项有问题,可是点击<作業管理>的时候里面的字的位置和大小会变,为什么? navigation3和navigation2 是一样的.只是长度不一样而以.
/*TOP画面*/
* {
padding:0;
margin:0;
}
body {
font-family:verdana, sans-serif;
font-size:small;
}
#navigation1, #navigation1 li ul {
list-style-type:none;
}
#navigation1 {
margin:1px;
}
#navigation1 li {
float:left;
text-align:left;
position:relative;
margin-left: 0px;
}#navigation1 li a:link, #navigation1 li a:visited {
display:block;
text-decoration:none;
color:#000;
width:90px;
height:20px;
line-height:20px;
border:1px solid #fff;
border-width:0px 0px 1 0;
/*title字の位置*/
padding-left:10px;
font-size:12px;
}
/*title選択の色*/
#navigation1 li a:hover {
background:#2687eb;
}
/*list選択の色*/
#navigation1 li ul li a:hover {
color:#fff;
}
/*listの設定*/
#navigation1 li ul {
display:none;
position:absolute;
top:20px;
left:0;
margin-top:1px;
width:45px;
background-image:url(../IMG/menu15.bmp);
padding-left:26px;}
/*案件処理と案件照会*/
#navigation2, #navigation1 li ul {
list-style-type:none;
}
#navigation2 {
margin:1px;
}
#navigation2 li {
float:left;
text-align:left;
position:relative;
margin-left: 0px;
}#navigation2 li a:link, #navigation2 li a:visited {
display:block;
text-decoration:none;
color:#000;
width:85px;
height:20px;
line-height:20px;
border:1px solid #fff;
border-width:0px 0px 1 0;
/*title字の位置*/
padding-left:10px;
font-size:12px;
}
/*title選択の色*/
#navigation2 li a:hover {
background:#2687eb;
}
/*list選択の色*/
#navigation2 li ul li a:hover {
color:#fff;
}
/*listの設定*/
#navigation2 li ul {
display:none;
position:absolute;
top:20px;
left:0;
margin-top:1px;
width:85px;
background-image:url(../IMG/menu15.bmp);
padding-left:26px;}
/*作業管理*/#navigation3, #navigation1 li ul {
list-style-type:none;
}
#navigation3 {
margin:1px;
}
#navigation3 li {
float:left;
text-align:left;
position:relative;
margin-left: 0px;
}#navigation3 li a:link, #navigation2 li a:visited {
display:block;
text-decoration:none;
color:#000;
width:95px;
height:20px;
line-height:20px;
border:1px solid #fff;
border-width:0px 0px 1 0;
/*title字の位置*/
padding-left:10px;
font-size:12px;
}
/*title選択の色*/
#navigation3 li a:hover {
background:#2687eb;
}
/*list選択の色*/
#navigation3 li ul li a:hover {
color:#fff;
}
/*listの設定*/
#navigation3 li ul {
display:none;
position:absolute;
top:20px;
left:0;
margin-top:1px;
width:98px;
background-image:url(../IMG/menu15.bmp);
padding-left:26px;}/*オプション*/
#navigation4, #navigation1 li ul {
list-style-type:none;
}
#navigation4 {
margin:1px;
}
#navigation4 li {
float:left;
text-align:left;
position:relative;
margin-left: 0px;
}#navigation4 li a:link, #navigation4 li a:visited {
display:block;
text-decoration:none;
color:#000;
width:275px;
line-height:20px;
border:1px solid #fff;
border-width:0px 0px 1 0;
/*title字の位置*/
padding-left:10px;
font-size:12px;
}
/*title選択の色*/
#navigation4 li a:hover {
background:#2687eb;
}
/*list選択の色*/
#navigation4 li ul li a:hover {
color:#fff;
}
/*listの設定*/
#navigation4 li ul {
display:none;
position:absolute;
top:20px;
left:0;
margin-top:1px;
width:45px;
background-image:url(../IMG/menu16.bmp);
padding-left:28px;}
HTML的代码
<table class="menu_table"style="margin-top: -3px;">
<TR height="25px">
<td class="menu_7">
<a href="#" style="color:white"><FONT class="menu_font_white" ><B>個人MENU</B></FONT></a>   
</td>

<td class="menu_8">
<ul id="navigation1">
<li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">
<a href="#"><FONT class="menu_font_white" ><B>TOP画面</B></FONT></a>   
<ul>
<li><a href="../USR_SCR005/USR_SCR005.html">TOP画面</a></li>
</ul>
</li> </ul>
</td>
<td class="menu_9">
<a href="#" style="color:white"><FONT class="menu_font_white" ><B>起票</B></FONT></a>   
</td>
<td class="menu_10">
<ul id="navigation2">
<li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">
<a href="#"><FONT class="menu_font_white"><B>案件処理</B></FONT></a>   
<ul>
<li><a href="../USR_SCR0061/USR_SCR0061.html">業務一覧</a></li>
</ul>
</li> </ul>
</td>
<td class="menu_11">
<ul id="navigation2">
<li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">
<a href="#"><FONT class="menu_font_white" ><B>案件照会</B></FONT></a>   
<ul>
<li><a href="../USR_SCR007/USR_SCR007.html">進捗一覧</a></li>
<li><a href="../USR_SCR008/USR_SCR008.html">実績一覧</a></li>
<li><a href="../USR_SCR028/USR_SCR028.html">統合進捗管理</a></li>
</ul>
</li> </ul>
</td>
<td class="menu_12">
<ul id="navigation3">
<li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">
<a href="#"><FONT class="menu_font_white" ><B>作業管理</B></FONT></a>
<ul>
<li><a href="#">作業管理</a></li>
<li><a href="../USR_SCR028/USR_SCR028-1.html">統合進捗管理</a></li>
<li><a href="../USR_SCR0061/USR_SCR0061.html">業務一覧</a></li>
</ul>
</li> </ul>
</td>
<td class="menu_13">
<a href="#" style="color:white"><FONT class="menu_font_white" ><B>管理</B></FONT></a>   
</td>
<td class="menu_14">
<ul id="navigation4">
<li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">
<a href="#" style="color:white"><FONT class="menu_font_white" ><B>オプション</B></FONT></a>   
<ul>
<li><a href="#">BOX仕訳ルール作成</a></li>
<li><a href="#">一覧表示カスタマイズ </a></li>
<li><a href="#">TOP表示カスタマイズ </a></li>
<li><a href="#">利用言語設定 </a></li>
<li><hr style="width:270px;color:6699FF"></hr></li>
<li><a href="../../USE_OPT/USR_OPT_SCR001/USR_OPT_SCR001.html"">代理定義</a></li>
<li><a href="#">兼任選択</a></li>
<li><a href="#">パスワード変更</a></li>
<li><a href="#">ログイン履歴</a></li>
</ul>
</li> </ul>
</td>
</TR>
</table>