Div avec border sous Firefox

Bonjour,

J'ai un problème de border sous Firefox.
Il s'agit de div(s) en cascade contenant des liens menu et web.
Sous une div bordée, j'ouvre une autre div qui passe au dessus du bord(er) en question sans que celui-ci s'agrandisse. Comme si la div mère restait de la même taille.
Toutes sont bien définies en ouverture/fermeture, et ça marche sous IE et Opera.

Merci de votre aide.
quelques infos

var largmenu = 200;
var hautmenu = 150;
<!---//-------- 1ère table de style - en js pour les valeur calculees de largeur ------------------>
	document.write("<style id='st1' type='text/css'>");
	document.write("#menu {display:in-line;position:absolute; top:0px; left:0px;background-color:#CFE6EE;width:"+ largmenu +"px;}");
	document.write("#menu0 {position:absolute; top:0px; left:0px;padding:4px;background-color:#CFE6EE;width:"+ largmenu +"px;height:"+ hautmenu +"px;border: blue 8px solid; font-size: 14px; color: violet;}");
	document.write("#menu1 {position:absolute; top:0px; left:0px;padding:4px;background-color:#CFE6EE;width:"+ largmenu +"px;height:"+ hautmenu +"px;border: darkred 8px solid; font-size: 14px; color: violet;}");
	document.write("</style>");
...
<p style="color: red;border-bottom: blue 4px solid;">Menu - <span style="font-size:10px"><a href="#" onClick="adroite();return false">A droite</a> - <a href="#" onClick="Javascript:drtgch=1;replacemenu();return false;">A gauche</a></span></p>
<div class="lienB"><a  class="menub" href="#"  onclick="javascript:div='smenu0';chgdiv(div);return false">Création - Forums</a></div>
...

Il y a là un appel à changediv().
C'est là qu'est la problème...

function chgdiv(elem) {
	if(document.getElementById(elem).style.display== "inline")
		{ document.getElementById(elem).style.display= "none"; }
	else	{ document.getElementById(elem).style.display= "inline"; }
	}

Merci de votre aide