Javascript-форум - position: relative и IE. Блоки ведут себя как fixed.

К сожалению так и не нашел для себя вменяемого решения такой вот проблемы, поэтому обращаюсь к Вам:
Есть чистый блочный html, по аналогии с CSS Zen Garden (т.е. вся верска исключительно в CSS), приведу только проблемный кусок:

Суть проблемы: В IE мое главное меню двигается вместе со скроллингом страницы, оставаясь на своем месте, в то время как страничка скроллится.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <!-- ... -->
<div id="container">
	<div id="logo"><span></span></div>
	<div id="bikeshop-logo"><span></span></div>
	<div id="topmenu">
	     <ul id="nav">
                 .....
                </ul>
           </div>
          <!-- ..... далее следует вагон дивов, вложенных в контейнер -->
</div>

CSS:

Код:

/* LayOut */

html { 

width : 100%; 

height : 100%; 

overflow : hidden; 

} 

body { 

width : 100%; 

height : 100%; 

margin : 0; 

padding : 0; 

overflow : auto; 

background : #cacaca url(bg.gif) repeat-x; 

text-align : center; 

} 

#container { 

width : 720px; 

margin : 20% auto auto auto; 

margin-top : 10px; 

padding : 7px; 

background-color : #fff; 



} 

#logo { 

background : url(logo-left.gif) no-repeat; 

padding-right : 5px; 

width : 107px; 

height : 34px; 

float : left; 

} 

#bikeshop-logo { 

background : url(bikeshop.gif) no-repeat; 

width : 200px; 

height : 40px; 

float : left; 

} 

#topmenu { 

position : relative; 

padding:0; margin:0; border:0;

clear : left; 

width : 600px; 

top : -20px; 

left : 115px; 

text-align: left;

}

Стили <ul id="nav"> позаимствованы у Suckerfish и проблемы в себе не кроют.

При задании #topmenu {position:absolute; top:xx px; left: yy px;} блок вообще не отображается в IE.
Как быть? К таблицам переходить ой как не хочу..