CSS challenge in IE7

HTML & CSS
1

I hope someone can help me out.

On http://www.fengshuicrazy.com I have a newsletter sign up form which looks great in IE8 and Firefox 3.

But for some reason IE7 makes horisontal and vertical scroll bars around the form which is a javascript snippet from my newsletter provider (aweber).

My style sheet is located here: http://www.fengshuicrazy.com/style.css

Thanks in advance :slight_smile:

2

Hi, the problem is that IE7 is expanding the <div>s around the form elements and as a result it’s too wide :). You could just remove the overflow:auto rule on “#af-form-1436387315”

If you don’t have control over that stylsheet, just set the rule in yours :slight_smile:

3

Hi,

Thanks a lot. And you’re right - I don’t control the css for the script.

Would I just have to put in overflow:hidden then?

4

No just do what I said (if you don’t know the default value then sorry) :). Open up your stylesheet and then reset it

#af-form-1436387315{overflow:visible;/*default value*/}

Make sure your stylesheet comes later then the JS which you are inserting.

If that isn’t possible (The JS is outside the <head>) then just add !important or just add specificity somehow. Aka

div #af-form-1436387315{overflow:visible;}