Hi You could set the image as the background of #breadcrumbs, aligned to the top and then set the background colour to be the same as the final colour of your gradient.
HTH Cheers, Mick 2010/6/9 Šime Vidas <[email protected]> > > margin:3px 0px 1px 0; ---better---> margin:3px 0 1px; > > padding:3px 0px 0px 5px; ---better---> padding:3px 0 0 5px; > > Why does #breadcrumbs have zoom set? > > Instead of setting #breadcrumbs img.bg to be an absolutely positioned > 100% wide and tall image, I would make the #breadcrumbs have a fixed > height and set the white-space property to "nowrap" in order to > prevent overflowing to the next row. Since the width is 964px, if you > really have a path longer than this, than you may consider "skipping" > a few items in the middle (replacing them with "...", just like > Windows 7 does). > Then you could define a background image for the background and > setting background-repeat to repeat-x. > > Why does img.home have a left float? If the image has to be the first > thing in the row, then just place it there inline... > > Don't define UL to be inline, that makes no sense... You don't have > multiple lists that have to be in the same row, do you? > > You set the height property for LI, but you define LI to be inline. > You cannot define height for inline elements (unless they are > replaced, like images for instance). > I would set the LIs to be inline-block. > > -- > -- > You received this because you are subscribed to the "Design the Web with > CSS" at Google groups. > To post: [email protected] > To unsubscribe: [email protected] > -- -- You received this because you are subscribed to the "Design the Web with CSS" at Google groups. To post: [email protected] To unsubscribe: [email protected]
