Hello everybody,
and thanks in advance for the you would like to provide.
I am putting my cv online and used an iframe to load different sections of it
keeping on screen always the same main index page. If you visit it:

www.giuseppecraparottacv.co.uk

and open the "work" section you'll notice that the distance between the box
coming down and the "other" bar is 3px bigger in FF than in Opera and IE 6 & 7.
Does somebody know why that?
A very rare case of a FF bug??
Nooo, it must be me coding something wrong, of course!
The stylesheet is supposed to simply style its height and nothing like its
bottom margin.
Additionally, the iframe px-height differs in IEs comparing to FF and Opera,
but this is less important.
Can somebody ? Thanks, Giuseppe

Attached is the code of the stylesheet.


/*---------------------------------------------general--------------------------
-------------------------*/
html, body, h1, h2, img, p, strong, dl, dt, dd, ul, a, div, div.item, iframe {
padding:0;
margin:0;
}

a {
text-decoration:none;
}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#CAC8C8;
margin-top:180px;
}


/*-----------------------------------------------header-------------------------
---------------------------*/
h1 {
position:fixed;
top:0;
left:0;
font-size:0.7em;
font-weight:normal;
color:#8F8E8E;
line-height:1.7em;
background-color:#CAC8C8;
padding:20px 600px 0 20px;
z-index:1;
}

h1 a {
color:#8F8E8E;
}

span {
color:#139FCD;
}



/*--------------------------------------------------bars------------------------
------------------------------*/
dd, dt {
width:42em;
margin:0 auto;
}

dd {
display:none;
position:relative;
/*margin-bottom:3px;*/
}

dt {
margin-bottom:3px; /*distance between bars*/
}


/*--------------------------------------------------content---------------------
---------------------------------*/
dt a {
display:block;
height:1.75em;
min-height:28px;
width:42em;
min-width:592px;
max-width:900px;
color:#000000;
background:#DCDCDC url(img/bg-bar.jpg) repeat-x;
}

dt a:hover {
color:#139FCD;
background:#D9D7D8 url(img/bg-bar-r.gif) repeat-x;}

p {
text-align:center;
padding-top:5px;
font-weight:bold;
}

dd {
position:relative;
margin-bottom:3px;
}

/*visible after bar click*/
dd div {
position:absolute;
top:-1.93em;
left:0;
height:1.95em;
/*do not change top, left, height values*/
width:42em;
background: #737272 url(img/bg-bar-open.gif) no-repeat center top;
text-align: center;
}

dd div p {
color:#00B9F6;
padding-top:5px;}

.content {
position:static;
min-width:574px;
width:41.5em;
height:auto;
color:#6C6C6C;
background:none;
background-color:#ffffff;
border-right: 4px solid #737272;
border-bottom: 4px solid #737272;
border-left: 4px solid #737272;
}

.content p {
color:#000000;
font-size:0.9em;
font-weight:normal;
text-align:left;
padding:0.9em 1.5em 0.9em 1.5em;
}


ul {
width:41.5em;
list-style-type:none;
border-right:4px solid #737272;
border-left:4px solid #737272;
}
li {
padding:0.9em 1.5em 0.9em 1.5em;
font-size:0.9em;
}
.odd {
background-color:#F4F2F2;
}
.even {
background-color:#ffffff;
}
.last {
border-bottom:4px solid #737272;}



iframe {
width:100%;
height:598px;
}



p.instructions {
font-weight:normal;
font-size:0.55em;
letter-spacing:0.15em;
color:#919090;
padding-bottom:2em;
}

.instructions a {
color:#919090;
text-decoration:underline;}

.instructions a:hover {
color:#139FCD;}