CSS Margin Problem in IE

Hi,

i have design CSS layout but it show different margin between menu item in IE and Firefox

please check sankalporganisers.com/beta

 

It's kinda late night here; not tested but try this

set the display as inline-block for

.chromestyle ul li {
display:inline-block;
}

add property to .chromestyle ul li a

.chromestyle ul li a {
display:inline-block;
height:53px; <!-- currently is set to 45px -->

and instead padding-left:5px; use margin-left to set the gap between navigation.

 

Be careful with the horizontal padding in IE. It is rendered differently with Firefox and IE.

 

Yes, as "Blue Star Ent." pointed out, gotta be careful on use of horizontal padding to avoid cross-browser issues.

 

Thanks your both of you, let me test it

thanks

 

Thank you radiant_luv, prob solved with following suggestion

.chromestyle ul li a {
display:inline-block;
height:53px; <!-- currently is set to 45px -->


Thread Closed