Odd padding issue in IE7

[eatanicecream]

The 'Go to payment' button on the bottom of this page looks like it has a right padding of about 100px in IE7. Anyone know why? I'm stumped.

Grateful for any suggestions!

[meesa]

What page?

[eatanicecream]

Oh yeah, that would help!

Here it is: http://dev.wdm.org.uk/make-single-do...ingle-donation

[eatanicecream]

Good point. Still talking thousands of people though...

[chrishirst]

On YOUR website???


Which is what matters to you.

[eatanicecream]

Yes, that's why I'm still supporting it. I'm not normally that picky though, it's just that this time the problem makes the button not look like a button which impacts on usability.

Any ideas what the issue might be?

[chrishirst]

it's just that this time the problem makes the button not look like a button which impacts on usability.

Then use conditional comments and put a "button" there instead.

[eatanicecream]

Surely there must be a way to fix this without hacks?

[chrishirst]

Conditional comments are not "hacks". piddling about with CSS rendering bugs and silly tricks with invalid characters are hacks.

Conditional comments are the MS way of saying "Yes our browser is ****, but here's a way you can get around that"

You have three choices:

Accept what IE7 makes of your CSS rules and move on.

OR

You can just provide simpler code for an outdated browser that will work.

OR

Continue to waste time and resorces by banging your head against the Microsft brick wall of poorly developed browsers.


Personally I gave up on IE7 many months ago now, I have better things to do with my time, than waste it on something that has been pretty much dead for the past two or three years.