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]
