неужели глюк в FF?

[rash]

имеем меню навигации на CSS (для IE используется JavaScript, естественно).

CSS

#nav {
	list-style-type: none;
	position: relative; 
	width: 100%;
	float: right;
	font-weight: bold;
}

#nav a {
	color: #FFF;
	text-decoration: none;
}

#nav li {
	float: left;
	padding: 12px 5px;
	position: relative;
}

#nav li.frst {
	margin-left: 15px;
}

#nav li:hover {
	background: #3060AA;
}

#nav ul {
	display: none;
	list-style-type: none;
	background: #3060AA;
	position: absolute;
	top: 100%;
	left: 0;		
	min-width: 100%;
}

#nav li:hover ul {
	display: block;
}

#nav ul li {
	float: none;
	clear: both;
	padding: 5px;
}

#nav ul li a {
	font-weight: normal;
	display: block;
}

HTML

<ul id="nav">
	<li class="frst"><a href="#forum">Форум</a>
		<ul>
			<li><a href="#">MSN</a></li>
			<li><a href="#">Аська</a></li>
			<li><a href="#">Ирка</a></li>
			<li><a href="#">Клава</a></li>
			<li><a href="#">Василиса Николаевна</a></li>
		</ul>
	</li>
	<li><a href="#dev">О разработчике</a>
		<ul>
			<li><a href="#bio">Биография</a></li>
			<li><a href="#mono">Монография</a></li>
			<li><a href="#gol">Голография</a></li>
			<li><a href="#phot">Фотография</a></li>
		</ul>
	</li>
	<li><a href="#improve">Предложения по улучшению программы</a>
		<ul>
			<li><a href="#">Или по ухудшению</a></li>
			<li><a href="#">Можете просто отзыв оставить</a></li>
			<li><a href="#">А можете и не оставлять</a></li>
		</ul>
	</li>
	<li class="lang"><a href="#en"><img src="img/eng.gif" alt="EN" /></a></li>
</ul>

Хотелось добиться, чтобы в подменю активная область ссылки по ширине занимала все доступное пространство, для чего используется display: block, однако в FF это распространяется почему-то только на первое вложенное подменю, то есть для подменю пункта "форум" все работает, для других - нет, при этом в Opera все ОК. Кто виноват и что делать?

[rash]

Может есть принципиально другой подход?

[yopopt]

О принципиально другом подходе не думал...

Здесь же проблема с min-width. Можно сделать так: к классу .first ul добавить min-widthЖ100%, а всем остальным width:100%;

#nav {
 list-style-type: none;
 position: relative; 
 width: 100%;
 float: right;
 font-weight: bold;
}

#nav a {
 color: #FFF;
 text-decoration: none;
}

#nav li {
 float: left;
 padding: 12px 5px;
 position: relative;
}

#nav li.frst {
 margin-left: 15px;
}
#nav li.frst ul{
 width: auto;
 min-width: 100%;
}
#nav li:hover {
 background: #3060AA;
}

#nav ul {
 display: none;
 list-style-type: none;
 background: #3060AA;
 position: absolute;
 top: 100%;
 left: 0; 
 width:100%;
}

#nav li:hover ul {
 display: block;
}

#nav ul li {
 float: none;
 clear: both;
 padding: 5px;
}

#nav ul li a {
 font-weight: normal;
 display: block;
}