Hi

I followed a tutorial on here for creating a css sliding door navigation menu, it was very easy to follow and works well except I have a small problem in IE7.

In ie7 the menu is pushed to the right and is hidden until you rollover the menu when the hover state image shows. Can anyone tell me what I am missing please? Site is http://www.norkey.com/pov/test and css is located here http://norkey.com/po.../css/layout.css

This was the tutorial I'm trying to get working http://www.webdesignerforum.co.uk/topic/270-css-image-rollover-tutorial-horizontal-navigation/

 

I'm a beginner to css so not sure what I've done wrong, please can anyone help?.

 

Thanks

Kelly

try removing

 

.nav-center{
position:relative;
float:right; 
right:50%;
}

 

them remove left:50% from #navigation ul

 

[#navigation ul {
       width: 900px; 
       height: 34px; 
       position: relative;
       top: 0px;
       float: left; 
       background: url(../images/menu.jpg) no-repeat 0 0;
       list-style: none;
       margin: 0; padding: 0;
       }

try removing

 

.nav-center{
position:relative;
float:right; 
right:50%;
}

 

them remove left:50% from #navigation ul

 

[#navigation ul {
       width: 900px; 
       height: 34px; 
       position: relative;
       top: 0px;
       float: left; 
       background: url(../images/menu.jpg) no-repeat 0 0;
       list-style: none;
       margin: 0; padding: 0;
       }

 

That seems to have fixed it, thank you very much

 

Kelly