Is not that big a problem, but I am seeing a shift in the images when
viewing the page on IE windows.
I know: big surprise.
Basically, I have a container div and then an unordered list where
each list item is an image.
Here's the relevant css :
#container {
background:blue;
width: 735px;
height: 500px;
margin: auto;
background: url(banner_back.jpg) no-repeat;
}
ul {
list-style: none;
padding-top: 240px; /* to move the list into position on the
background graphic */
padding-left: 75px;
}
li
{
float: left;
margin: 0 0.15em;
}
img {
border-style: none;
}
a {
border: none;
}
and here is a link to the page ...
http://liberto.info/cssplay/fromWork/migration_rollover/migration_opacity_tests_part_b.html
Another thing that perplexes me is that if I a margin-left value to
the ul instead of padding-left the images are placed correctly in IE
and then are shifted in Firefox.
Can anyone tell me which IE bug I am missing ?
Thanks :-)
Tony
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
