Css top margin problem

[alanlee9898]

I'm designing the layout of the design at http://humansummit.blogspot.com

I found out that the right side widget is out of the margin when open in Firefox browser.

IE and chrome are fine.

Do anyone know how to fix it ?

Thanks!

[floatingDivs]

Change the margin-top value from -36px to -38px for #sidebar-wrapper.

[alanlee9898]

After I changed, It's look good in firefox but not is chrome and IE.

help!

[floatingDivs]

I'll take a look at it in the morning...

[signsamillion]

please tell us what is happening to the div in ie and ch

[alanlee9898]

#sidebar-wrapper {
-moz-border-radius:10px 10px 0 0;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
background:none repeat scroll 0 0 #FFFFFF;
background-attachment:scroll !important;
float:right;
margin-top:-38px;
overflow:hidden;
width:417px;
word-wrap:break-word;
display:block;
}

IE and chrome margin-top:-36px
Firefox margin-top:-38px

How can I standardize all the browsers css ?

thanks

[ko ko]

Have you already tried with 'em' instead of 'px' ?

[alanlee9898]

Thanks Zero13!!! It's looks great now!

TQTQ!

[alanlee9898]

OMG...now having problem in Safari browser!

HELP!

[alanlee9898]

ok it's solved now! thanks everyone! :)