de website ik bouw lijkt anders in firefox en Edge dan de Chrome?

hello,
ik gebruik min teken (-60rem) en dergelijke in CSS. om 2 borders in 1 rij te krijgen. is dat een probleem in CSS . hier een voorbeeld:

#side-bar
---------------*/
.widget-area  {
border:0.1rem solid #cc0000;
height:30rem;
width:26%;
margin-left:67%;
margin-top:-62.75rem;

}

ik zie dat in firefox wordt de ruimte tussen header en content of widget is meer dan in chrome. en borders lijn zijn zien dikker in Micrososft Edge.
wat kan de probleem zijn en hoe ik kan het oplossen?
ik ben bezig met mij eerste website voor mij broer en de website url is: http://webdesignleren.net/
dank u wel
johanes