Anthony L wrote:
> Is not that big a problem, but I am seeing a shift in the images when
> viewing the page on IE windows.
>
>
> 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 ?
>
There is no "bug" that I am aware of. Putting borders around elements
will often show where you are going wrong.
This CSS will bring IE 6/7/8 on board with FF, Safari, Opera.
html, body {margin: 0 padding: 0;}
#container { border: 1px solid blue;
width: 735px;
height: 500px;
margin: auto;
background: url(arrow_files/banner_b.jpg) no-repeat;
}
ul {
border:1px solid red;
overflow: hidden;
list-style: none;
/*padding-top: 240px; to move the list into position on the background
graphic */
padding: 0;
margin: 248px 0 0 80px;
width:515px;
}
li
{
float: left;
margin: 0 0.15em;
}
img {
border-style: none;
}
a {
border: none;
}
______________________________________________________________________
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/
