Quote:
|
Originally Posted by balinor
Welcome to the wonderful world of IE compatibility. This is one of the most annoying things about web development - trying to get something to look exactly the same cross-browser. There are a few solutions:
First, you can specify a different stylesheet all together for IE, but that is a bunch of extra work.
Next, you can use display: inline; or display: table-cell; which sometimes fixes the issue.
Last, you can use the IE hack to give a different margin to IE, which is putting an _ before something. For example, if you want padding to be 20px for FF, but 19 for IE, you'd show it like this:
padding-top: 20px; _padding-top: 19px;
Try one of those and see if they help.
|
Thanks Balinor,
I tried the last one, but it didnt seem to work, this is the code I have:
Code:
.Container_Bottom { padding-top:20px; background: no-repeat center url('images/container_bottom.png'); margin-left:0px; _margin-left:-1px;
}
Please let me know if I did something wrong.