Help with bad CSS and alignment issues

[adamrobertson]

First of all, I know that my CSS is hideous and I have a ways to go in terms of coding. However, given the time I have, I've done my best for the time being. I recently launched a beta for my portfolio site and although everything was tested and working on my Mac (Opera, Safari, and Firefox), I noticed problems when testing it on a Windows machine and several versions of IE. First of all, here's the link:

http://hellomynameisad.am

Second, here are screen grabs of my Mac/Firefox and a PC/IE7. You'll notice that the padding between lines on the Mac screen grab is tight and neat whereas the space is wider and not even on the PC/IE7. Second, you'll notice that the rules extend the entire width of the white boxes on the Mac whereas they are short of 100% on the PC/IE7. Hopefully someone can lend a hand and help. Thanks!

http://hellomynameisad.am/mac - firefox.png
http://hellomynameisad.am/pc - ie.png

[Snookerman]

Your links don't work, but I think your problem is because you use padding and width on the same element. That is unfortunately interpreted differently in Fx compared to IE. Instead of doing doing that you can nest another element inside the one that has the specified width and give it a margin. You should then achieve the same effect in all browsers. So to sum up: padding and width on the same element is to be avoided.

Good luck!