Hola, tengo esta página:
Código PHP:
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<frameset rows="60,*" cols="*" frameborder="no" border="0" framespacing="0">
<frame src="top.php" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
<frameset cols="213,*" frameborder="no" border="0" framespacing="0">
<frame src="izquierda.php" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" />
<frameset cols="*" frameborder="no" border="0" framespacing="0" scrolling="yes">
<frame src="iniciologo.php" name="mainFrame" id="mainFrame" title="mainframe" />
</frameset>
</frameset>
</frameset>
y la izquierda.php tiene este menú:
Código PHP:
<?php
include("seguridad.php");
include ("conexion.php");
if ( $_SESSION["estado"] != '1')
header("location:salir.php");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>izquierda</title>
<style type="text/css">
body {
background-color: #009c3c;
}
@charset 'UTF-8';
#cssmenu > ul {
list-style: none;
margin: 0;
padding: 0;
vertical-align: baseline;
line-height: 1;
}
#cssmenu > ul {
display: block;
position: relative;
width: 150px;
}
#cssmenu > ul li {
display: block;
position: relative;
margin: 0;
padding: 0;
width: 100%;
}
#cssmenu > ul li a {
/* Layout */
display: block;
position: relative;
margin: 0;
border-top: 1px dotted #3a3a3a;
border-bottom: 1px dotted #1b1b1b;
padding: 11px 20px;
font-family: Helvetica, Arial, sans-serif;
color: #d8d8d8;
text-decoration: none;
text-transform: uppercase;
text-shadow: 0 1px 1px #000;
font-size: 13px;
font-weight: 300;
background: #282828;
}
#cssmenu > ul li:first-child > a {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-top: 0;
}
#cssmenu > ul li:last-child > a {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: 0;
}
#cssmenu > ul li > a:hover,
#cssmenu > ul li:hover > a {
color: #ffffff;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
background: #54cdf1;
background: -webkit-linear-gradient(#72d4f2, #54cdf1);
background: -moz-linear-gradient(#72d4f2, #54cdf1);
background: linear-gradient(#72d4f2, #54cdf1);
border-color: transparent;
}
#cssmenu > ul .has-sub > a::after {
content: '';
position: absolute;
top: 16px;
right: 10px;
width: 0px;
height: 0px;
border: 4px solid transparent;
border-left: 4px solid #d8d8d8;
}
#cssmenu > ul .has-sub > a::before {
content: '';
position: absolute;
top: 17px;
right: 10px;
width: 0px;
height: 0px;
border: 4px solid transparent;
border-left: 4px solid #000;
}
#cssmenu > ul li > a:hover::after,
#cssmenu > ul li:hover > a::after {
border-left: 4px solid #ffffff;
}
#cssmenu > ul li > a:hover::before,
#cssmenu > ul li:hover > a::before {
border-left: 4px solid rgba(0, 0, 0, 0.3);
}
#cssmenu > ul ul {
position: absolute;
left: 100%;
top: -9999px;
padding-left: 5px;
opacity: 0;
width: 140px;
-webkit-transition: opacity 0.3s ease-in;
-moz-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
}
#cssmenu > ul li:hover > ul {
top: 0px;
opacity: 1;
}
</style>
</head>
<body>
<tr><td>
<div id='cssmenu'>
<ul>
<li class='active'><a href='index.html'><span>Inicio</span></a></li>
<li class='has-sub'><a href='#'><span>Profesionales</span></a>
<ul>
<li class='has-sub'><a href='altap.php'><span>Alta</span></a>
</li>
<li class='has-sub'><a href='modifp.php'><span>Modificar</span></a>
</li>
</ul>
</li>
<li class='has-sub'><a href='#'><span>OP 4033</span></a>
<ul>
<li class='has-sub'><a href='alta4033.php'><span>Alta</span></a>
</li>
<li class='has-sub'><a href='modif4033.php'><span>Modificar</span></a>
</li>
</ul>
</li>
<li class='has-sub'><a href='#'><span>Denuncia</span></a>
<ul>
<li class='has-sub'><a href='altad.php'><span>Alta</span></a>
</li>
<li class='has-sub'><a href='modifd.php'><span>Modificar</span></a>
</li>
</ul>
</li>
<li class='has-sub'><a href='#'><span>Oficio</span></a>
<ul>
<li class='has-sub'><a href='altao.php'><span>Alta</span></a>
</li>
<li class='has-sub'><a href='modifo.php'><span>Modificar</span></a>
</li>
</ul>
</li>
<li><a href='salir.php'><span>Cerrar Sesion</span></a></li>
</ul>
</div>
</td></tr>
</body>
</html>
El tema está en que se me corta el submenu bajo el mainframe.
Alguien sabe como hacer para que cuando se despliegue pase por arriba de ese marco sin que deje de verse?
Desde ya muchas gracias.