Hola, cree un menu dinamico con php y mysql, pero se duplican o superpone el texto del menu, corregi con algo de padding el .boton #menu pero igual se nota en chrome y en internet explorer sale completamente superpuesto o duplicado.

aca esta el codigo css
body{ margin-top:0px; top:0px; background-image:url(fondo.png); margin-left:200px; height:200px; background-repeat:no-repeat}
#principal{ width:800px; height:200px; }
#header{ width:800px; height:360px; float:left}
#main{ width:1000px; height:250px; float:left}
#menu{ width:200px; height:400px; ; float:left; padding-top:4px }
.boton{ width:200px; height:25px; color:#FFFFFF; ; float:left; padding-top:5px }
.url{ color:#FFFFFF; text-decoration:none; }
#contenido{ width:720px; height:300px; float:left; margin-left:-20px }
#ima_budin{ width:300px; height:250px; float:left}

//////////////

y aca esta el php

<?php
require_once("conexion.php");
if(isset($_GET["id"]) ){

$sql="select texto from contenido where id_menu=". $_GET["id"] ." ";
} else
{
$sql="select texto from contenido where id_menu=1 ";
}
$res = mysql_query($sql, $con);
if ($reg=mysql_fetch_array($res))
{
$contenido = $reg["texto"];
}


?>
<html>
<head>

<title>Delibery</title>

<head>
<link rel="stylesheet" type="text/css" href="theme.css">
</head>
</head>

<body>
<div id="principal"><div id="header">
</div>
<div id="main">
<div id="menu">
<?php
$sql = "select * from menu";
$res = mysql_query($sql,$con);
while ($reg = mysql_fetch_array($res))
{
?>
<div class="boton"><a href="delibery.php?id=<?php echo $reg["id_menu"];?>" class="url"><?php echo $reg["texto"]; ?></a></div>

<?php
}
?>



</div>

<div align="center" id="contenido">

<?php echo $contenido; ?></div>

</div>

</div>
</body>
</html>

////////////////

este es el sitio :

http://argentvision2.zapto.org/carlos/delibery.php?id=1

Agradeceria una respuesta de alguien mas experimentado.

Gracias
Mariano