Ho un piccolo problema !!

da un esempio scaricato sugli angoli arrottondati, e in particolare su un esempio di menù (con float) ho provato ada ggiungerci qualcosa sotto ..
il risultato è che con 'firefox' non riesco a distanziare (margin) il 'div' del menù ('content') dal 'div' sottostante ('corpo') ..
C'è qualcuno che mi può aiutare ?

----------------


<!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>
<title>Nifty Corners: Javascript CSS rounded corners</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">
<style type="text/css">
html,body{margin:0;padding:0}
body{
background-image: url(../sfondi/sfumatura_2.jpg);
font: 70% Arial,sans-serif}

/* ----------------------------- */
#content{margin:0 5em;
margin-top: 50px; }
/* ----------------------------- */
#menu{float:left;
width: 100%;
padding-top:20px; /* altezza fascia menu */
background: #BBD9EE;
}
#nav,
#nav li{list-style-type:none;
margin:0;
padding:0}
#nav{margin-left: 100px;
width:650px} /* distanza a sx del menu' (prima linguetta) */

#nav li{float:left;
margin-right: 0.3em; /* distanza tra linguette */
text-align: center}
#nav a{float:left;
width: 7em; /* larghezza linguette */
padding: 5px 0; /* altezza linguette */
background: #E7F1F8;
text-decoration:none;
color: #666}
#nav a:hover{background: #FFA826;
color: #FFF}
#nav li.activelink a,
#nav li.activelink a:hover{background: url(../sfondi/sfumatura_2_linguetta.jpg) repeat-x ;
color: #003}

/* ----------------------------- */

#corpo{margin:10em 5em;
clear right; }

#riga_1{margin-top: 0.2em;
margin-left: 10em;
padding: 0;
background: #000;
font: 30% Arial,sans-serif}

#image{background: #000;
margin: 10px; }

#minipics {width: 130px;
background-color: #999;
text-align: center; }
#minipics img{width: 100px;
height: 100px;
margin: 7px 2px 7px 2px ;
padding: 7px 2px 7px 2px ; }
/* ----------------------------- */

</style>
<link rel="stylesheet" type="text/css" href="niftyCorners.css">
<link rel="stylesheet" type="text/css" href="niftyPrint.css" media="print">
<script type="text/javascript" src="niftycube.js"></script>

<script type="text/javascript">
window.onload=function(){
Nifty("#menu","big transparent top");
Nifty("#nav a","transparent top");
Nifty("#minipics", "big tl bl br");
}
</script>

</head>
<body>
<div id="content">
<div id="menu">
<ul id="nav">
<li id="home" class="activelink">Home
<li id="who">About
<li id="prod">Product
<li id="serv">Services
<li id="cont">Contact us [/list]
</div>
</div>

<div id="corpo">
<div id="riga_1">


a </p>
</div>

<div id="minipics">
[img]arabo.jpg[/img]
</div>
</div>


</body>
</html>