Position of this login form in IE7

It is correctly aligned with the rest of the text on the left in Firefox, Safari, Opera – and even IE6.
But IE7 has pushed it inwards.
I presume its a double margin issue, though I tried to cut down on the number of margins in the code.

The site is built on the YUI grid to avoid as many cross-browser issues as possible (and because I wanted to try it out!)

Can anybody spot where I have gone wrong or suggest an answer?
Apologies for the messy CSS. I haven’t tidied up yet.
many thanks
Neil

Thanks cybershot, but there’s already a reset included as part of the YUI CSS grid so I don’t think it could need another one.
This is the style sheet before my own styles:http://yui.yahooapis.com/2.5.2/build/re … -grids.css
That’s one reason why I don’t understand this, particularly as IE6 is behaving ok.

Thanks cybershot, but there’s already a reset included as part of the YUI CSS grid so I don’t think it could need another one.
This is the style sheet before my own styles:http://yui.yahooapis.com/2.5.2/build/re … -grids.css
That’s one reason why I don’t understand this, particularly as IE6 is behaving ok.

I was going to take a look to see what the problem was, but your CSS is an absolute mess. everything is on one line with no spacing. very hard to read.

Sorry ikthius, you must have looked during the two minutes I was experimenting with using a CSS cruncher to speed up the site. I reverted back almost immediately.
It’s still not pretty but at least it’s got its white space back!
thanks
Neil

Tips

What now? I have some ideas for you.

Go explore CodePen!

As a front end designer and developer, you should have an account on CodePen so you can save your snippets, present your ideas, and engage with other front end folk. I'd encourage you to go PRO as well, to unlock the full power of CodePen.

Get the newsletter!

You should sign up for the CSS-Tricks newsletter. It's a clean copy of all the blog posts each week, combined together, right to your inbox. If email isn't your thing, there is an RSS feed, iTunes, and lots of other ways to subscribe.

Listen to ShopTalk!

Subscribe to The Lodge!

The Lodge is a members-only, ad-free video learning area here on CSS-Tricks. Just like the free screencasts, but organized into four large complete series. Membership is also the #1 best way to support CSS-Tricks.

We can do the real footer now.

Site Links

Colophon

CSS-Tricks* is created, written by, and maintained by Chris Coyier. It is built on WordPress, hosted by Media Temple, and the assets are served by MaxCDN. The fonts are Source Sans and Source Code Pro. It is made possible by viewers like you who subscribe to The Lodge and through advertising for products and services I like.