Penyelesaian masalah css3

Halo komunitas, saya punya masalah dengan pandangan menu saya di Internet Explorer. Saya khawatir menu drop down yang terlihat sangat baik menurut pendapat saya. Saya sekarang telah dilakukan untuk mengintegrasikan ini ke website saya. cara saya miliki di website saya atau slide show yang juga bekerja. Dengan Mozilla semuanya ditampilkan dengan sempurna. . Dalam IE tetapi tidak Saya pernah membuat layar sehingga Anda dapat melihat apa yang saya maksud. screenshot IE:screenshot Mozilla: Seperti yang Anda lihat menu drop di IE turun menghilang di balik slideshow. Dalam Mozilla semuanya cocok sebagaimana mestinya. sini CSS mengajukan menu saya:

HTML Quellcode:

/*

TABLE OF CONTENTS

01 MENU BAR
02 DROP DOWN MENU
03 CONTENT STYLING
04 CONTACT FORM
05 COLORS

*/



/* _______________________________________

  01 MENU BAR
    _______________________________________ */



#wrapper_menu {
  width: 965px;
  margin:0;
  display:block;
  position: relative;
  z-index:9999;
}
  #wrapper_menu .menu {
    list-style:none;
    width:920px;
    margin:0px 0px 0px 0px;
    height:43px;
    padding:0px 35px 0px 5px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
  }
#wrapper_menu_full {
    width: 100%;
    margin:0;
    display:block;
    position: relative;
    z-index:9999;
}
  #wrapper_menu_full .menu {
    list-style:none;
    width:940px;
    margin:0px auto 0px auto;
    height:43px;
    padding:0px 20px 0px 20px;
  }
.menu li {
  float:left;
  text-align:center;
  position:relative;
  margin-right:20px;
  margin-top:6px;
  border:none;
}
.menu li.fullwidth {
  position: static !important;
}
.menu li:hover {
  background:#161616;
  border:1px solid #000000;
  border-bottom:none;
  margin-right:19px;
  background: -moz-linear-gradient(top, #212121, #161616);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#212121), to(#161616));
  background: -o-linear-gradient(top, #212121, #161616);
  -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -khtml-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}
.menu li.nodrop:hover {
  background:#161616;
  border:1px solid #000000;
  padding: 4px 10px 4px 9px;
  background: -moz-linear-gradient(top, #212121, #161616);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#212121), to(#161616));
  background: -o-linear-gradient(top, #212121, #161616);
  -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
.menu li.nodrop:hover a {
  padding: 0px;
}
.menu li a {
  color: #EEEEEE;
  outline:0;
  padding: 5px 10px 3px 10px;
  text-decoration:none;
  display:block;
  text-shadow: 1px 1px 1px #000;
}
.menu li:hover a {
  color:#ffffff;
  text-shadow: none;
  position:relative;
  z-index:11;
  border-bottom:1px solid #16a1616;
  padding: 4px 9px 4px 9px;
}
.menu li:hover div a {
  display:inline;
}
.menu li .drop {
  padding-right:27px;
  background:url("img/drop_dark.png") no-repeat right 13px;
}
.menu li:hover .drop {
  padding-right:27px;
  background:url("img/drop_dark.png") no-repeat right 12px;
}

/* Right aligned menu item */

.menu .right {
  float:right;
  right:0;
  margin-right:0px;
}
.menu li.right:hover {
  margin-right:-1px;
}



/* _______________________________________

  02 DROP DOWN MENU
    _______________________________________ */



/* Left & right aligned common styles */

.menu .dropdown_1column,
.menu .dropdown_2columns,
.menu .dropdown_3columns,
.menu .dropdown_4columns,
.menu .dropdown_5columns,
.menu .dropdown_fullwidth {
  margin:4px auto;
  left:-999em;
  position:absolute;
  background:#161616;
  border:1px solid #000000;
  padding:10px;
  text-align:left;
  -moz-border-radius: 0px 5px 5px 5px;
    -webkit-border-radius: 0px 5px 5px 5px;
    -khtml-border-radius: 0px 5px 5px 5px;
    border-radius: 0px 5px 5px 5px;
  background: -moz-linear-gradient(top, #161616, #0A0A0A);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#161616), to(#0A0A0A));
  background: -o-linear-gradient(top, #161616, #0A0A0A);
}

/* Drop Downs Sizes */

.menu .dropdown_1column {width: 145px;}
.menu .dropdown_2columns {width: 300px;}
.menu .dropdown_3columns {width: 455px;}
.menu .dropdown_4columns {width: 610px;}
.menu .dropdown_5columns {width: 705px;}
.menu .dropdown_fullwidth {
  width: 920px;
  -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
}
.menu li .first_fullwidth {
  -moz-border-radius: 0px 5px 5px 5px;
    -webkit-border-radius: 0px 5px 5px 5px;
    border-radius: 0px 5px 5px 5px;
}

/* Showing Drop Down on Mouse Hover - Left aligned */

.menu li:hover .dropdown_1column,
.menu li:hover .dropdown_2columns,
.menu li:hover .dropdown_3columns,
.menu li:hover .dropdown_4columns,
.menu li:hover .dropdown_5columns {
  left:-1px;
  top:25px;
}
.menu li:hover .dropdown_fullwidth {
  left:21px;
  top:33px;
  display: block;
}
#wrapper_menu_full .menu li:hover .dropdown_fullwidth {
  left:50%;
  margin-left:-470px;
  top:32px;
  display: block;
}

/* Showing Drop Down on Mouse Hover - Right aligned */

.menu li .align_right {
  /* Rounded Corners */
  -moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
}
.menu li:hover .align_right {
  left:auto;
  right:-1px;
  top:25px;
}
.menu li.right:hover .dropdown_fullwidth {
  right:18px;
  top:33px;
}

/* Columns Sizes */

.menu .col_1,
.menu .col_2,
.menu .col_3,
.menu .col_4,
.menu .col_5,
.menu .col_6 {
  display:inline;
  float: left;
  position: relative;
  margin-left: 10px;
}
.menu .col_1 {width:145px;}
.menu .col_2 {width:300px;}
.menu .col_3 {width:455px;}
.menu .col_4 {width:610px;}
.menu .col_5 {width:705px;}
.menu .col_6 {width:920px;}

/* IMPORTANT */

/* Use the firstcolumn class for the items that stick to the left edge of the dropdown */
.menu .firstcolumn {
  margin-left: 0; /* Clearing margin & left */
  clear: left;
}



/* _______________________________________

  03 CONTENT STYLING
    _______________________________________ */



.menu p,
.menu ul,
.menu li,
.menu h2,
.menu h3 {
  color:#ffffff;
  font-size:14px;
  font-family:Arial, Helvetica, sans-serif;
  line-height:21px;
  text-align:left;
}
.menu p {
  font-size:12px;
  line-height:18px;
  margin:0;
  margin-bottom:10px;
  text-shadow:1px 1px #000000;
}
.menu .strong {
  font-weight:bold;
}
.menu .italic {
  font-style:italic;
}
.menu h2,
.menu h3 {
  text-shadow:1px 1px #000000;
  border-bottom:1px solid #333333;
  margin-top:7px;
}
.menu h2 {
  font-weight:400;
  font-size:21px;
  margin-bottom:18px;
  padding-bottom:11px;
}
.menu h3 {
  font-weight:600;
  font-size:14px;
  margin-bottom:14px;
  padding-bottom:7px;
}
.menu li:hover div a {
  text-decoration:none;
  text-shadow:none;
  border:none;
  padding:0;
}
.menu .pusher { /* Use this pucher if you want to give more vertical spacing between your rows of content */
  margin-top:18px;
}

/* Icon paragraphs */

.menu .help,
.menu .favorite,
.menu .mail,
.menu .print {
  padding-left:36px;
  margin-bottom:18px;
}
.menu .help {background:url("img/help.png") no-repeat 0px 2px;}
.menu .favorite {background:url("img/favorite.png") no-repeat 0px 2px;}
.menu .mail {background:url("img/mail.png") no-repeat 0px 2px;}
.menu .print {background:url("img/print.png") no-repeat 0px 2px;}

/* Images styles */

.menu .imgshadow_dark { /* Better style on dark background */
  background:#FFFFFF;
  padding:4px;
  border:1px solid #333333;
  margin-top:5px;
  -moz-box-shadow:0px 0px 5px #000000;
  -webkit-box-shadow:0px 0px 5px #000000;
  box-shadow:0px 0px 5px #000000;
}
.menu .imgshadow_light { /* Better style on light background */
  background:#FFFFFF;
  padding:4px;
  border:1px solid #777777;
  margin-top:5px;
  -moz-box-shadow:0px 0px 5px #000000;
  -webkit-box-shadow:0px 0px 5px #000000;
  box-shadow:0px 0px 5px #000000;
}
.menu .img_left { /* Image sticks to the left */
  width:auto;
  float:left;
  margin:2px 15px 5px 0px;
}
.menu .img_right { /* Image sticks to the right */
  width:auto;
  float:right;
  margin:2px 0px 5px 15px;
}

/* Box styles */

.menu li .black_box,
.menu li .dark_grey_box {
  color: #eeeeee;
  text-shadow: 1px 1px 1px #000;
  padding:4px 6px 4px 6px;
  -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
  background-color:#0A0A0A;
  -webkit-box-shadow:inset 0 0 3px #000000;
  -moz-box-shadow:inset 0 0 3px #000000;
  box-shadow:inset 0 0 3px #000000;
}

/* Standard lists styles */

.menu li ul {
  list-style:none;
  padding:0;
  margin:0 0 12px 0;
}
.menu li ul li {
  font-size:12px;
  line-height:24px;
  position:relative;
  text-shadow: 1px 1px 1px #000000;
  padding:0;
  margin:0;
  float:left;
  text-align:left;
  width:145px;
}
.menu li ul li a {
  padding:0;
}
.menu li ul li:hover {
  background:none;
  border:none;
  padding:0;
  margin:0;
}

/* Greybox lists styles */

.menu li .greybox li {
  background:#0A0A0A;
  border:1px solid #000000;
  margin:0px 0px 4px 0px;
  padding:4px 6px 4px 6px;
  width:131px;
  -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
.menu li .greybox li:hover {
  background:#141414;
  border:1px solid #111111;
  padding:4px 6px 4px 6px;
  margin:0px 0px 4px 0px;
}

/* Other lists styles */

.menu li .plus li {
  background: url("img/plus_dark.png") left 6px no-repeat;
  margin:0px 0px 4px 0px;
  padding:0px 0px 0px 21px;
  width:109px;
}
.menu li .plus li:hover {
  background: url("img/plus_dark.png") left 6px no-repeat;
  padding:0px 0px 0px 21px;
  margin:0px 0px 4px 0px;
}

/* Social Icons */

.menu li ul.social {
  list-style:none;
  margin:0;
  padding:0;
}
.menu li ul.social li {
  padding-top:5px;
  margin:0 12px 12px 0;
  float:left;
  position:relative;
  display:inline;
  width:32px;
}
.menu li ul.social li img {
  border:none;
}
.menu li ul.social li:hover {
  padding-top:5px;
  margin:-1px 12px 12px 0;
}
.menu li ul.social li span {
  display:none;
}

/* 2-Levels Drop Down */

.menu .levels, .menu .levels ul { /* all lists */
  padding: 0;
  margin: 0;
  list-style: none;
}
.menu li:hover .levels a {
  display:block;
}
.menu .levels a {
  display: block;
  width: 10em;
}
.menu .levels a.parent, .menu .levels a.parent:hover {
  background: url("img/drop2_dark.png") right center no-repeat;
}
.menu .levels li {
  float: left;
  width:150px;
}
.menu .levels li ul { /* second-level lists */
  position: absolute;
  background:#161616;
  border:1px solid #000000;
  top:-23px;
  margin:15px 0px 0px 4px;
  padding:6px;
  -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
  background: -moz-linear-gradient(top, #161616, #0A0A0A);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#161616), to(#0A0A0A));
  background: -o-linear-gradient(top, #161616, #0A0A0A);
  left: -999em;
}
.menu .levels li ul ul {
  top:-23px;
}
.menu .levels li:hover ul ul, .menu .levels li:hover ul ul ul {
  left: -999em;
}
.menu .levels li:hover ul, .menu .levels li li:hover ul, .menu .levels li li li:hover ul {
  left: 142px;
}



/* _______________________________________

  04 CONTACT FORM
    _______________________________________ */



#contact_form label, legend {
  font-size: 12px;
  font-family:Arial, Helvetica, sans-serif;
}
#contact_form legend {
  margin-bottom:10px;
}
#contact_form {
  display: block;
  margin-bottom:10px;
}
#contact_form label {
  display: inline-block;
  float: left;
  height: 36px;
  line-height: 36px;
  width:80px;
  font-size:12px;
}
#contact_form input, textarea, select {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  width:200px;
  padding: 5px;
  color: #FFFFFF;
  background-color:#222222;
  border:1px solid #0A0A0A;
  margin: 7px 0;
  -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}
#contact_form textarea {
  resize:none;
}
#contact_form input:focus, textarea:focus, select:focus {
  box-shadow: rgba(0,0,0, 0.7) 0px 0px 8px;
  -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 8px;
  -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 8px;
  border:1px solid #333333;
}
#contact_form input:hover, textarea:hover, select:hover {
  box-shadow: rgba(0,0,0, 0.3) 0px 0px 8px;
  -moz-box-shadow: rgba(0,0,0, 0.3) 0px 0px 8px;
  -webkit-box-shadow: rgba(0,0,0, 0.3) 0px 0px 8px;
}
#contact_form .required {
  color:#C00;
}
#contact_form .form_buttons {
  margin:4px 0 0 80px;
}
#contact_form input.button {
  width: 80px;
  margin-right:10px;
  cursor: pointer;
  background-color:#1E1E1E;
  border:1px solid #0A0A0A;
  color:#cccccc;
  padding: 4px 7px 4px 7px;
}
#contact_form input.button:hover {
  color:#eeeeee;
  background-color:#222222;
  border:1px solid #000000;
}
#contact_form .special {
  display:none;
}
#contact_form .error, #contact_form .sent {
  font-size:11px;
  padding:2px 5px 2px 5px;
  text-shadow:none;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius: 3px;
}
#contact_form .error {
  background:#FBE5E2;
  border:#F2A197 solid 1px;
  color:#992213;
}
#contact_form .sent {
  background:#E1F8CB;
  border:#C6D880 solid 1px;
  color:#37620d;
}



/* _______________________________________

  05 COLORS
    _______________________________________ */



/* Black */

.menu_black {
  background: #333;
  background: -moz-linear-gradient(top, #555, #2a2a2a);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#555), to(#2a2a2a));
  background: -o-linear-gradient(top, #555, #2a2a2a);
}
#wrapper_menu .menu_black {
  border: 1px solid #444;
  border-top: 1px solid #777;
}
#wrapper_menu_full .menu_black {
  border-bottom: 1px solid #444;
}
.menu_black li:hover div a {
  color:#CCC;
}
.menu_black li:hover div a:hover {
  color:#EEE;
}
.menu_black li ul li a:hover {
  color:#EEE;
}

/* Blue */

.menu_blue {
  background: #014464;
  background: -moz-linear-gradient(top, #0272a7, #013953);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));
  background: -o-linear-gradient(top, #0272a7, #013953);
}
#wrapper_menu .menu_blue {
  border: 1px solid #015b86;
  border-top: 1px solid #029feb;
}
#wrapper_menu_full .menu_blue {
  border-bottom: 1px solid #015b86;
}
.menu_blue li:hover div a {
  color:#0294da;
}
.menu_blue li:hover div a:hover {
  color:#33bcfd;
}
.menu_blue li ul li a:hover {
  color:#33bcfd;
}

/* Brown */

.menu_brown {
  background: #44391e;
  background: -moz-linear-gradient(top, #736033, #382f19);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#736033), to(#382f19));
  background: -o-linear-gradient(top, #736033, #382f19);
}
#wrapper_menu .menu_brown {
  border: 1px solid #5c4c29;
  border-top: 1px solid #a28748;
}
#wrapper_menu_full .menu_brown {
  border-bottom: 1px solid #5c4c29;
}
.menu_brown li:hover div a {
  color:#8b733e;
}
.menu_brown li:hover div a:hover {
  color:#bfa670;
}
.menu_brown li ul li a:hover {
  color:#bfa670;
}

/* Green */

.menu_green {
  background: #3e5718;
  background: -moz-linear-gradient(top, #658c26, #354914);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#658c26), to(#354914));
  background: -o-linear-gradient(top, #658c26, #354914);
}
#wrapper_menu .menu_green {
  border: 1px solid #52711f;
  border-top: 1px solid #8bc135;
}
#wrapper_menu_full .menu_green {
  border-bottom: 1px solid #52711f;
}
.menu_green li:hover div a {
  color:#6f992a;
}
.menu_green li:hover div a:hover {
  color:#a3d158;
}
.menu_green li ul li a:hover {
  color:#a3d158;
}

/* Light Blue */

.menu_lightblue {
  background: #52786b;
  background: -moz-linear-gradient(top, #709e8e, #52786b);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#709e8e), to(#52786b));
  background: -o-linear-gradient(top, #709e8e, #52786b);
}
#wrapper_menu .menu_lightblue {
  border: 1px solid #608c7d;
  border-top: 1px solid #99b9ae;
}
#wrapper_menu_full .menu_lightblue {
  border-bottom: 1px solid #608c7d;
}
.menu_lightblue li:hover div a {
  color:#608c7d;
}
.menu_lightblue li:hover div a:hover {
  color:#99b9ae;
}
.menu_lightblue li ul li a:hover {
  color:#99b9ae;
}

/* Orange */

.menu_orange {
  background: #d24900;
  background: -moz-linear-gradient(top, #ff6717, #c14300);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff6717), to(#c14300));
  background: -o-linear-gradient(top, #ff6717, #c14300);
}
#wrapper_menu .menu_orange {
  border: 1px solid #f45500;
  border-top: 1px solid #ff945b;
}
#wrapper_menu_full .menu_orange {
  border-bottom: 1px solid #f45500;
}
.menu_orange li:hover div a {
  color:#f45500;
}
.menu_orange li:hover div a:hover {
  color:#ff945b;
}
.menu_orange li ul li a:hover {
  color:#ff945b;
}

/* Pink */

.menu_pink {
  background: #910045;
  background: -moz-linear-gradient(top, #d50066, #80003d);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d50066), to(#80003d));
  background: -o-linear-gradient(top, #d50066, #80003d);
}
#wrapper_menu .menu_pink {
  border: 1px solid #b30055;
  border-top: 1px solid #ff1a87;
}
#wrapper_menu_full .menu_pink {
  border-bottom: 1px solid #b30055;
}
.menu_pink li:hover div a {
  color:#e6006d;
}
.menu_pink li:hover div a:hover {
  color:#ff4da1;
}
.menu_pink li ul li a:hover {
  color:#ff4da1;
}

/* Purple */

.menu_purple {
  background: #6a5f71;
  background: -moz-linear-gradient(top, #8c8094, #615867);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8c8094), to(#615867));
  background: -o-linear-gradient(top, #8c8094, #615867);
}
#wrapper_menu .menu_purple {
  border: 1px solid #7b6f83;
  border-top: 1px solid #ada5b3;
}
#wrapper_menu_full .menu_purple {
  border-bottom: 1px solid #7b6f83;
}
.menu_purple li:hover div a {
  color:#7b6f83;
}
.menu_purple li:hover div a:hover {
  color:#ada5b3;
}
.menu_purple li ul li a:hover {
  color:#ada5b3;
}

/* Red */

.menu_red {
  background: #830701;
  background: -moz-linear-gradient(top, #d70b02, #830701);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d70b02), to(#830701));
  background: -o-linear-gradient(top, #d70b02, #830701);
}
#wrapper_menu .menu_red {
  border: 1px solid #a40802;
  border-top: 1px solid #fd190f;
}
#wrapper_menu_full .menu_red {
  border-bottom: 1px solid #a40802;
}
.menu_red li:hover div a {
  color:#d60a03;
}
.menu_red li:hover div a:hover {
  color:#fd5953;
}
.menu_red li ul li a:hover {
  color:#fd5953;
}

Ini termasuk juga kedua file yang seharusnya menjamin ketepatan dalam Internet Explorer . yaitu CSS

HTML kode sumber:

.menu li:hover .dropdown_fullwidth,
.menu li.right:hover .dropdown_fullwidth {
  *top:63px;
}
.menu li div a {
  *display:inline;
}
.menu button {
  margin-right:30px;
  padding: 0px;
}
.menu .dropdown_1column,
.menu .dropdown_2columns,
.menu .dropdown_3columns,
.menu .dropdown_4columns,
.menu .dropdown_5columns,
.menu .dropdown_fullwidth {
  /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFEEEEEE, endColorstr=#FFBBBBBB); */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF161616, endColorstr=#FF0A0A0A)";
}

.menu_black {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF555555, endColorstr=#FF2A2A2A);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF555555, endColorstr=#FF2A2A2A)";
}
.menu_blue {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0272a7, endColorstr=#FF013953);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0272a7, endColorstr=#FF013953)";
}
.menu_brown {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF736033, endColorstr=#FF382f19);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF736033, endColorstr=#FF382f19)";
}
.menu_green {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF658c26, endColorstr=#FF354914);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF658c26, endColorstr=#FF354914)";
}
.menu_lightblue {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF709e8e, endColorstr=#FF52786b);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF709e8e, endColorstr=#FF52786b)";
}
.menu_orange {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFff6717, endColorstr=#FFc14300);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFff6717, endColorstr=#FFc14300)";
}
.menu_pink {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFd50066, endColorstr=#FF80003d);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFd50066, endColorstr=#FF80003d)";
}
.menu_purple {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF8c8094, endColorstr=#FF615867);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF8c8094, endColorstr=#FF615867)";
}
.menu_red {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFd70b02, endColorstr=#FF830701);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFd70b02, endColorstr=#FF830701)";
}

ie6.css

HTML kode sumber:

body {
  behavior: url("ie/csshover3.htc");
}
.menu li .drop {
  background:url("dropie_dark.png") no-repeat right 13px;
}
.menu li:hover .drop {
  background:url("dropie_dark.png") no-repeat right 12px;
}
.menu li.nodrop:hover {
  padding: 0px;
}
.menu li:hover .align_right {
  right:-2px;
}
.menu li.right:hover .dropdown_fullwidth {
  right:19px;
}
.menu .levels a.parent, .menu .levels a.parent:hover {
  background: url("drop2ie_dark.png") right center no-repeat;
}

Bisa ada yang bilang padaku apa yang saya harus berubah sehingga menu bar ditampilkan dalam IE sebelum slide show? lagi saya terima kasih sebelumnya. Lg, Chris

Halo, jadi saya harus akhirnya kira kita harus terima kasih!Kesalahan oleh karenanya bukanlah HTML maupun CSS tapi aku harus mengubah sesuatu pada integrasi slideshow. Dan itulah apa yang saya maksud. Jika saya tidak lihat di sini di forum untuk membantu, maka saya akan memperbaiki kesalahan tidak akan pernah bisa. Saya tidak pernah berpikir bahwa apa yang saya perlu mengubah keterlibatan slide, sehingga menu bar bekerja. sekarang aku punya slideshow saya diubah sebagai berikut dan bekerja:

PHP Sumber

<script type="text/javascript">
                    <!--
                    var flashvars = {
            xmlUrl: "/slideshow/xml/banner.xml" //Use to change XML filename or location
          };
          var params = {
            scale: "noscale",
            menu: "false",
                      bgcolor: "#000000",
            wmode: "transparent"
          };
                    var attributes = {
            id: "banner_swf",
                      name: "banner_swf"
          };                  
                    swfobject.embedSWF("/slideshow/banner.swf", "banner_div", "590", "300", "9", "/slideshow/swfobject/expressInstall.swf", flashvars, params, attributes);
                    //-->
                </script>

Terima kasih atas bantuannya!
sumber