can't all you browsers just get along?

While building my first "real" website(berea cemetery documentation project, it became clear to me that dealing with issues in different browsers can be a real pain in the @$$. And I think its pretty common in the web community for little things to piss us off. You can build the best web application in the world, but if your spacing is off between the header and the body, its gonna stick out like a sore thumb to you. This brought me to my first "project".

Turns out that a logon screen we had used was not displaying correctly in FF although it had been in IE. A simple logon form in asp.net was beng used, your basic everyday logon. username [textbox] password[textbox]. The text was lining up in the middle of the textbox in IE but not in FF. I thought this was either a problem with the text, textbox itself, or a problem with the CSS at first but it turns out it was with the validation we were using. A red astericks appears next to the textbox which was empty, the problem is that in IE it was displaying next to the textbox and in FF it was displaying below the text box, bumping it up and out of line with the text next to it. I made a quick fix for this by extending the table in which contained the controls by 19 pixels, but where are these extra 19 pixels coming from in FF?

During the process I have fallen in love with CSS hover-over hints and validation. A great site I found(CSS-Based Forms: Modern Solutions) provided lots of inspiration for the project.

We have also been working hard on the new portal. It will be completley reconctructed using asp.net's webparts. I think it's a GREAT tool(think of webparts as widgets) and I cant wait to dig into it soon.