How To Fix Gap in IE Rounded Box

HTML & CSS
1

I have a red rounded box that looks good in Windows (FF) and Mac (Safari). But it is not right in IE. Is there a better cross browser solution please?

http://www.stc.org

2

Hi, you are trying to compensate for the <p>'s margins by setting negative margins on the “.alert-message-text” element.

There is no need for that :). Just remove the margin-top/bottom -11px and then set the default margins of the <p> to 0 :slight_smile:

.alert-message-text{margin:0;}
.alert-message-text p{margin:0;}
3

Brilliant! Thanks.

4

BTW: How do you get to be the CSS guru of the year? Congrats!

5

That’s an easy one, even for me: by being excellent in css and excellent in helping us poor mortal souls :smiley:

6

You’re welcome :slight_smile:

By helping many many many many people like you with CSS problems :slight_smile: