Muchas gracias por la ayuda desde ya....
HTML code es...
Código:
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="layout.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/cufon-replace.js" type="text/javascript"></script>
<script src="js/Myriad_Pro_400.font.js" type="text/javascript"></script>
<script src="js/Myriad_Pro_300.font.js" type="text/javascript"></script>
</head>
<body id="page1">
<div class="right_bgd"></div>
<div class="tail-top">
<div class="tail-top1">
<div class="tail-bottom">
<div class="main">
<div id="header">
<div class="menu">
<ul>
<li><a href="#"><em><b>Home</b></em></a></li>
<li><a href="#"><em><b>About us</b></em></a></li>
<li><a href="#"><em><b>Services</b></em></a></li>
<ul>
<li><a href="#">Dog Boarding</a></li>
<li><a href="#">Cat Boarding</a></li>
<li><a href="#">tres</a></li>
<li><a href="#">cuatro</a></li>
</ul>
<li><a href="#"><em><b>Customer</b></em></a></li>
<li><a href="#"><em><b>Events</b></em></a></li>
<li><a href="#"><em><b>Media Coverage</b></em></a></li>
<li><a href="#"><em><b>Contact us</b></em></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
el codigo CSS... trate de combinarlos.. y el submenu no se despliega :(
Código:
/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1em; min-width:960px; background:#1e0c00}
html, input, textarea { font-family: comics sans ms;
color:#e6d9c6; }
.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
object { vertical-align:top; outline:none}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container { overflow:hidden; width: 100%;}
a img{ border:0}
img{ vertical-align:top; }
a{color:#ffe491; text-decoration:underline; outline:none}
a:hover{text-decoration:none}
.link{color:#ede6c4;}
#content ul{margin:0; padding:0; list-style:none;}
#content ul li{background:url(images/marker.gif) top left no-repeat; background-position:0 9px; margin:0; padding-left:12px; }
#content ul li a{color:#ede6c4; text-decoration: none; line-height:1.69em; font-weight:bold}
#content ul li a:hover { text-decoration:underline; }
.link-1 { display:block; float:left; background:url(images/link_bg.gif) repeat-x left top; color:#fffef6; text-decoration:none; }
.link-1 em { display:block; background:url(images/link_left.gif) no-repeat left top; font-size:1.38em}
.link-1 b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:4px 16px 8px 15px; font-weight:normal; font-style:normal;}
.link-1:hover{ text-decoration:none; color:#000000}
/*header*/
#header {font-size:1.1875em; color:#FFFFFF }
#header .logo{ margin:16px 0 0 379px }
#header .slogan{ margin:132px 0 0 45px }
#header .menu{
margin:154px 0 0 49px;
position:absolute;
width:954px;
left: -48px;
top: -6px;
height: 129px;
}
#header .icon{margin:93px 0 0 859px; position:absolute;}
#header ul{margin:0; padding:0; list-style:none;}
#header ul li{ margin:0; display:inline; padding:0; vertical-align:top}
#header ul li a{color:#d5b781; text-decoration:none; font-size:1em; font-style:italic; text-transform:none; float:left; padding:0; margin:0; }
#header ul li a b { display:block; font-weight:normal; padding:0 23px 0 23px; line-height:40px}
#header ul li a em{ display:block; font-weight:normal; font-style:normal }
#header ul li a:hover { text-decoration:none; background:url(images/menu_bg.gif) top left repeat-x;}
#header ul li a:hover b{ background:url(images/menu_left.gif) left top no-repeat; }
#header ul li a:hover em{ background:url(images/menu_right.gif) right top no-repeat;}
#header ul .current a{ text-decoration:none; background:url(images/menu_bg.gif) top left repeat-x;}
#header ul .current a b{ background:url(images/menu_left.gif) left top no-repeat; }
#header ul .current a em{ background:url(images/menu_right.gif) right top no-repeat; }
/*Submenu*/
.menu{
border:none;
border:0px;
margin:50px;
padding:0px;
font: 100% "comic sans MS";
font-size:18px;
font-weight:bold;
}
.menu ul{
background:none bottom left no-repeat;
height:35px;
list-style:none;
margin:0;
padding:0;
}
.menu li{
float:left;
padding:0px;
}
.menu li a{
background:none bottom right no-repeat;
color:#000000;
display:block;
font-weight:normal;
line-height:35px;
margin:0px;
padding:0px 25px;
text-align:center;
text-decoration:none;
}
.menu li a:hover, .menu ul li:hover a{
background: none bottom center no-repeat;
color:#000000;
text-decoration:none;
}
.menu li ul{
background: #5dc4b8;
display:none;
height:auto;
padding:0px;
margin:0px;
border:0px;
position:absolute;
width:150px;
z-index:200;
/*top:1em;
/*left:0;*/
}
.menu li:hover ul{
display:block;
}
.menu li li {
background:none bottom left no-repeat;
display:block;
float:none;
margin:0px;
padding:0px;
width:150px;
}
.menu li:hover li a{
background:none;
}
.menu li ul a{
display:block;
height:35px;
font-size:12px;
font-style:normal;
margin:0px;
padding:0px 10px 0px 15px;
text-align:left;
}
.menu li ul a:hover, .menu li ul li:hover a{
background: #c9f1ec center left no-repeat;
border:0px;
color:#010000;
text-decoration:none;
}
.menu p{
clear:left;
}