I have a horizontel list as my menu with a 1px border to the right of each item as a seperator. Each item has 10px padding to the left and right. In all browsers it shows up as expected in the middle of the menu items but in Explorer the border is way closer to the right, almost pushed up against the item to the right. Any help please.
A simple tips and to get css validation, is to create another css file only for ie6/7, and change the padding/margin of that id/class.
In this case you mean conditional comments... yep, that's one way. It depends on the layout itself if they are needed or not Gracias
I think you can actually just switch the padding settings to margins. So if your padding-left and padding-right are 10px, then set them to 0 and then set your margin-right and margin-left to 10px. I believe that will fix the problem, with cross-browser compatibility
If you do use the !important as suggest, I would add a clear, easy to find comment next to it so you remember it later if you have to edit it that style again. It can cause serious headaches if you don't keep track of your !important attribute, or use them improperly.
you have to write IE specific styles using conditional comments. see here how it will implement http://www.techtricky.com/add-css-styles-for-ie-only/