[richardgsims]

hi again..

I have another template I designed and this one too has problems in internet explorer. why is it so damn tricky to get it to work properly in IE?!

anywho.. the template can be found here.
as you can see there are a few problems that are distinct if you view the template in both FF and IE, such as:

1. menu button borders aren't correct
2. content top and bottom padding sucks!
3. <li> padding sucks!

so if anyone can let me know a site that holds the key to success or if anybody can give me a fix let me know!

thanks,

richardgsims.

[Shadowvox]

One of the things I've started doing recently when creating new templates is adding the wildcard tag and giving it a padding and margin of 0.

* {
    margin:0;
    padding:0;
}

Both IE and Firefox (and Safari and Opera etc etc etc) handle their inherent paddings and margins differently. For instance, the LI tag might have a padding of 4 in IE and a padding of 2 in Firefox. Adding the wildcard kinda sets everything to a default and then you can go to each element and give it padding/margins to your desire.

Thats just my way around the 'works in IE not in firefox or vice-versa' issues. I'm sure there are many others