problem with IE

[dinky]

the menu are displayed properly in FF,i.e. below the header part,
but in IE the menus are shifted to upwards beside the logo. and hence it goes out of the page.
please help .....
here's the css

[CODE=css]/* $Id: nice_menus_defa ult.css,v 1.1.2.5 2007/10/29 16:35:34 add1sun Exp $ */
/*
This is the default layout template for nice menus, and will provide
a starting point for the look of your menus. To customize, it's
recommended to create a custom CSS file using this file as a template,
then configure the module to use your custom CSS file
(this is done in the global settings tab of the theme administration. )

To help understand the CSS, the HTML looks like this, where
x is a number;
TYPE is down/left/right;
PATH is the menu path such as node/343;
MID is the menu id such as 33):
<ul id='nice-menu-x' class='nice-menu nice-menu-TYPE'>
<li id='menu-MID' class='menu-path-PATH'><a href='#'>This is a menu item</a></li>
<li class='menupare nt menu-path-PATH'><a href='#'>A submenu</a>
<ul...><li...>. ..</li>
</ul>
</li>
...
</ul>

If you have more than one nice-menu and want to target a particular one,
use its id (e.g. ul#nice-menu-2).

See README.txt and the handbook page (http://drupal.org/node/185543)
for some CSS customization examples.
*/

/*************** ***************
Global CSS for ALL menu types
*************** ***************/

ul.nice-menu,
ul.nice-menu ul {
list-style: none;
padding: 0;
margin: 0;
width:940px;
}
/* IE/Win will not see this rule due to child selector */
div> ul.nice-menu,
ul.nice-menu ul {
width:100%;
}

* html ul.nice-menu,
ul.nice-menu ul {
width:100%;
}

ul.nice-menu li {
border: 1px solid #ccc;
float: left;
background:url( bg1.png) right center repeat;
/* Additional overrides to deal with Garland theme. */
margin: 0;
padding-left: 0;


}
ul.nice-menu li:hover {
background:url( bg3.png) right center repeat;
border-top:1px Solid #eee;
}
/* Overrides for Garland header. */
#header-region ul.nice-menu li {
margin: 0;
/* Padding rules are needed to deal with Garland's header line-height. */
padding-top: 0.1em;
padding-bottom: 0.1em;


}

ul.nice-menu a {
padding: 0.3em 14.3px 0.3em 14.3px;

}

ul.nice-menu ul,
/* Repeat for Garland header. */
#header-region ul.nice-menu ul {
top: 1.8em;
left: -1px;
border: 0;
border-top: 1px solid red;
margin-right: 0;
}

/* Override for Garland header. */
#header-region ul.nice-menu ul {
top: 1.7em;
}

ul.nice-menu ul li {
width: 12.5em;
}

/*************** ***************
VERTICAL (left/right) menus
*************** ***************/

/* This is the default width of all vertical menus. */
ul.nice-menu-right, ul.nice-menu-left,
ul.nice-menu-right li, ul.nice-menu-left li {
width: 12.5em;
}

/* VERTICAL menus where submenus pop RIGHT (default). */
ul.nice-menu-right ul {
width: 12.5em;
left: 12.5em;
top: -1px;
}

ul.nice-menu-right ul ul {
width: 12.5em;
left: 12.5em;
top: -1px;
}

ul.nice-menu-right li.menuparent,
ul.nice-menu-right li li.menuparent {
background: #eee url(arrow-right.png) right center no-repeat;
}

ul.nice-menu-right li.menuparent:h over,
ul.nice-menu-right li.over,
ul.nice-menu-right li li.menuparent:h over,
ul.nice-menu-right li li.over {
background: #ccc url(arrow-right.png) right center no-repeat;
}

/* VERTICAL menus where submenus pop LEFT. */
ul.nice-menu-left li ul {
width: 12.5em;
left: -12.65em;
top: -1px;
}

ul.nice-menu-left li ul li ul {
width: 12.5em;
left: -12.65em;
top: -1px;
}

ul.nice-menu-left li.menuparent,
ul.nice-menu-left li li.menuparent {
background: #eee url(arrow-left.png) left center no-repeat;
}

ul.nice-menu-left li.menuparent:h over,
ul.nice-menu-left li.over,
ul.nice-menu-left li li.menuparent:h over,
ul.nice-menu-left li li.over {
background: #ccc url(arrow-left.png) left center no-repeat;
}

ul.nice-menu-left a, ul.nice-menu-left ul a {
padding-left: 14px;

}

/*************** ***************
HORIZONTAL (down) menus
*************** ***************/

ul.nice-menu-down {
float: left;
border: 0;

}

ul.nice-menu-down li {
border-top: 1px solid red;

}

ul.nice-menu-down li li {
border-top: 0;
}

ul.nice-menu-down ul {
left: 0;
}

ul.nice-menu-down ul li {
clear: both;
}

ul.nice-menu-down li ul li ul,
/* Repeat for Garland header. */
#header-region ul.nice-menu-down li ul li ul {
left: 12.5em;
top: -1px;

}

ul.nice-menu-down .menuparent a {
padding-right: 15px;
color:#003366;
}

ul.nice-menu-down li.menuparent,
/* Repeat for Garland header. */
#header-region ul.nice-menu-down li.menuparent {
background:url( bg1.png) right center repeat;
/*border-top:1px Solid red;*/
}

ul.nice-menu-down li.menuparent:h over,
ul.nice-menu-down li.over,
/* Repeat for Garland header. */
#header-region ul.nice-menu-down li.menuparent:h over,
#header-region ul.nice-menu-down li.over {
background:url( bg3.png) right center repeat;
border-top:1px Solid #eee;
}

ul.nice-menu-down li li.menuparent,
/* Repeat for Garland header. */
#header-region ul.nice-menu-down li li.menuparent {
background: url(bg1.png) right center repeat;
}

ul.nice-menu-down li li.menuparent:h over,
ul.nice-menu-down li li.over,
/* Repeat for Garland header. */
#header-region ul.nice-menu-down li li.menuparent:h over,
#header-region ul.nice-menu-down li li.over {
background: url(bg2.png) right center repeat;
}[/CODE]

[dinky]

can anyone help me on this ?

[acoder]

You're using some third party code. Have you checked that the HTML matches the example given? If there's an example, perhaps you should take a working example and modify it to your requirements.

PS. please post code using code tags. Thanks!