Css navigation alignment and goes under flash file

[I just want to dance]

Hi

I need a bit of help with a drop down nav bar. There are two issue I have
1. The drop down in IE 7 moves quite a bit to the right - this is fine on the mac and on IE8
2. The drop down goes behind a flash file and not over it.

I did not do the coding for this but it is up to me to sort it out.

The url is www.naturalwear.co.nz

Cheers

This is the css code for the drop-down.


@charset "UTF-8";
/* CSS Document */

/*****NAV BAR****/

#navBar
{
background: url(images/navbar_bg.png) top no-repeat;
height: 62px;
width: 1000px;
font-size: 15px;
z-index: 1;
}

#navBarMain
{
background: url(images/navbar_main_bg.png) top no-repeat;
height: 62px;
width: 1000px;
font-size: 15px;
}

ul {
list-style: none;
padding: 0 0 0 20px;
margin: 0;
padding: 22px 0 0 58px;
}

#nav a {
font-weight: normal;
color: #bc5a9b;
padding-left: 5px;
}

#nav a {
text-decoration: none;
}

#nav a:hover {
text-decoration: none;
color: #b632a2;
}

#nav a.active
{
color: #333;
}

#nav li li a {
display: block;
font-weight: normal;
/* color: #666;
*/ padding:0px 0px 15px 5px;
/*border-bottom: 1px solid #999999;*/

}

#nav li li a:hover {
/*padding: 0.2em 5px;
border: 5px solid #7d6340;
border-width: 0 5px;*/
}

li.navItem {
float: left;
position: relative;
/*width: 120px;*/
height: 40px;
text-align: left;
cursor: default;
padding: 0 25px 1px 20px;
}

li#first {
border-left-width: 1em;
}

li#last {
border-right-width: 1em;
}

li ul {
display: none;
position: absolute;
top: 100%;
left: 0;
background-color: #eddff3;
font-weight: normal;
padding: 0px 10px 5px 10px;
border-top: 16px solid #eddff3;
margin: 0 0 0 -19px;
}

li>ul {
top: auto;
left: auto;
}

li li {
display: block;
float: none;
background-color: transparent;
padding: 14px 0px 14px 8px;
width: 198px;
height: 18px;
border-top: 1px solid #FFFFFF;
}

li:hover ul, li.over ul {
display: block;
}

/***NAV BAR END****/

[RobbieSherre]

Editing HTML code manually
To edit an existing HTML page, add the WMODE parameters to the HTML code.

Add the following parameter to the OBJECT tag:

<param name="wmode" value="transparent">

Add the following parameter to the EMBED tag:

wmode="transparent"

That will do it, Good Luck,

BEST~
RS