Горизонтальное меню, зарезает подменю

[dem66]

Доброго времени суток форумчани.
Пишу небольшой сайт http://badt.16mb.com/index.html проблема в том что половина подменю не видна, она уходит под основной слой.

/* Navigation */
header nav {
	position:absolute;
	right:25px;
	top:97px;
	}
	header nav .menu li {
		float:left;
		padding-left:6px;
		position: relative;
	}
	header nav .menu ul{
	
		position: absolute;
		top:30px;
	}
	header nav .sub_menu li {
		float: none;
		padding-left:0px;

	}
	header nav .menu li a {
		float:left;
		color:#fff;
		text-decoration:none;
		min-width:80px;
		padding:0 5px 0 5px;
		text-align:center;
		line-height:31px;
		font-size:14px;
	}

		header nav .menu li a:hover,
		header nav .menu li a.current {
			background:url(/public/images/desing/nav-bg.gif) 0 0 repeat-x;
			border-radius:5px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
		}

А вот меню:

<header>
      <nav>
        <ul class="menu">
		  <li><a href="/index.html" >Головна</a></li>
          <li><a href="/news.html">Новини</a></li>
          <li><a href="/osvita.html">Освіта</a>
			<ul class="sub_menu">
				<li><a href="/specials.html">Спеціальності</a></li>
				<li><a href="/specials.html">Спеціальності</a></li>
				<li><a href="/specials.html">Спеціальності</a></li>
			</ul>
          </li>
          <li><a href="/contact.html">Контакти</a></li>
        </ul>
      </nav>

Не могу понять что ему не нравится, z-index не помагает.
Подскажите чтото
Зарание благодарен

[Naive]

какой браузер? у меня в хроме все путем

[dem66]

опера, та и в мазиле также. это на главной все путем. а на остальных зарезает. для других страниц применяются стили которые уменьшают header.

header{
    height:150px;
}

Может изза этого? хотя ведь оно всеравно должно быть отдельным слоем.