Hi Guys, My blog works fine in IE without extra margins in my widgets (i.e. sidebars and Adsense below post and above posts.) In Firefox n Chrome a little margin appears on my blog in widgets that i have no idea where it cames (i dont see any code related to it my blog html) and also the margin is just about 3px but when i try to remove it manually (by adding margin:-3px in css) then margin gets removed in Firefox and Chrome but in IE widget cutted off from bottom part. Any Suggestion on how to get the rid of this annoying margins?
You are using IE as your reference for how things should work. Notice the far more modern browsers are acting the same. This should tell you why we never "fix" Firefox or Chrome. Try setting the vertical-align property to baseline, or bottom. Only guessing without a link.
You set the line-height to 1.4em but give the <ins> a height of 15px. IE is ignoring you while the modern browsers are displaying what you wrote. Don't have time to look into this. Also, there is no such element as <nobr>
Its possible that the problem is not with the margin, in which case its probably padding. Try setting the CSS padding property to 0 and see if that changes anything. Also, if you are using a table to display your site, change the cellpadding attribute or cellspacing attribute to 0 and see the changes.
@above, its not padding either.. i tried setting both padding as well as margins to zero of the widget element but no luck and also there is no cell padding in my coding anywhere.