Re: [css-d] positioning images on a background graphic

2009-05-15 Thread Anthony L
> The easiest solution is to add... > > #container { > padding: 1px 0; > } Thanks Georg, that seems to have done the trick :-) And thanks for the link ... best, Anthony __ css-discuss [cs...@lists.css-discuss.org] http://www.css-

Re: [css-d] positioning images on a background graphic

2009-05-14 Thread Gunlaug Sørtun
Anthony L wrote: > A question though: I thought the 1px border was just for debugging > ... But if I comment out the #container border, the button images > shift right to the top of the div ... any idea why? Collapsing margins... The easie

Re: [css-d] positioning images on a background graphic

2009-05-14 Thread Anthony L
On Fri, May 15, 2009 at 12:40 AM, Erik Vorhes wrote: >> >> re: >> >> >> Anthony, the original poster, has followed your advice as of this writing. >> He has included display:inline; on the li. Follow the

Re: [css-d] positioning images on a background graphic

2009-05-14 Thread Erik Vorhes
> > re: > > > Anthony, the original poster, has followed your advice as of this writing. > He has included display:inline; on the li. Follow the above url and note > your suggestion does not fix IE/6. Nor

Re: [css-d] positioning images on a background graphic

2009-05-14 Thread David Laakso
Erik Vorhes wrote: > On Thu, May 14, 2009 at 2:51 PM, David Laakso > wrote: > >> There is no "bug" that I am aware of. >> >> > > Actually, the following CSS does trigger the IE 6 doubled-margin float bug: > > >> li >> { >> float: left; >> margin: 0 0.15em; >> } >> > > For details o

Re: [css-d] positioning images on a background graphic

2009-05-14 Thread Erik Vorhes
On Thu, May 14, 2009 at 2:51 PM, David Laakso wrote: > > There is no "bug" that I am aware of. > Actually, the following CSS does trigger the IE 6 doubled-margin float bug: > li > { > float: left; > margin: 0 0.15em; > } For details on this phenomenon, see

Re: [css-d] positioning images on a background graphic

2009-05-14 Thread David Laakso
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 th

Re: [css-d] positioning images on a background graphic

2009-05-14 Thread Erik Vorhes
On Thu, May 14, 2009 at 1:36 PM, Anthony L wrote: > > Can anyone tell me which IE bug I am missing ? > It's the dreaded double-margin float bug, I bet. Add display: inline; to your styles and you should be good to go. Erik _

[css-d] positioning images on a background graphic

2009-05-14 Thread Anthony L
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