СОС!Помогите пожалуйста найти ошибку!

[bravada j]

Приветствую всех!

Дело такого рода:

К меню навигации и к виджетам применяется opacity, в пассивном состоянии и при условии hover

Вот соответствующий листинг:

#menu {
		textalign: center;
	width: 739px;
	height: 34px;
	margin: 0 auto;
	padding: 0 auto;
	background: url(images/menu1.gif) no-repeat;
	background-position: top center;
		filter:alpha(opacity=70);
		-moz-opacity:0.7;
	opacity: 0.7;
}
...
#menu:hover {
   filter:alpha(opacity=100);
   -moz-opacity:1;
  opacity: 1;
}
...
.boxed {
	margin-bottom: 7px;
		filter:alpha(opacity=70);
		-moz-opacity:0.7;
		background: #f8f8f8 url(images/boxtop.gif) repeat-x;
	border-top: 1px solid #ebebeb;
	border-left: 1px solid #ebebeb;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	margin-right: 25px;
	padding-right: 10px;
	opacity: 0.7;


}
.boxed:hover {
		 filter:alpha(opacity=100);
		-moz-opacity:1;
	background: white url(images/boxtop.gif) repeat-x;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #acacac;
	border-right: 1px solid #acacac;
	opacity: 1;
}

Всё работает как должно, но только в IE почему-то прозрачность не применяется к виджетам, хотя такой же синтаксис он успешно применяет к диву menu. В чём моя ошибка? Неужели Ie не применяет прозрачность к классам?Только к идентификаторам?

Вот сам сайт

P.S. И еще такой вопрос - к какому элементу применить text-align: center; чтобы список меню навигации позиционировался по центру?

Заранее спасибо.

Edited April 9, 2009 by bravada j