Note that there are some explanatory texts on larger screens.

plurals
  1. POIE6 background misaligned
    primarykey
    data
    text
    <p>I have IE6.</p> <p>[<strong>EDIT</strong>: you can see the template live here: <a href="http://themeforest.net/item/aqua-terra-lava-html-blog-portfolio-/full_screen_preview/53209" rel="nofollow noreferrer">http://themeforest.net/item/aqua-terra-lava-html-blog-portfolio-/full_screen_preview/53209</a> ]</p> <p>I have a template, with 3 <code>&lt;a&gt;&lt;/a&gt;</code> that change the position of their background to create a button effect.</p> <p>This is how it looks in any browser</p> <p><a href="http://i45.tinypic.com/2s7vome.png" rel="nofollow noreferrer">Any Browser http://i45.tinypic.com/2s7vome.png</a></p> <p>This is it with IE6:</p> <p><a href="http://i48.tinypic.com/2mmsbxu.png" rel="nofollow noreferrer">IE6 http://i48.tinypic.com/2mmsbxu.png</a></p> <p>This the CSS code:</p> <pre> #featured-nav { width: 944px; height: 131px; background: url(/images/site/shadow.gif) bottom center no-repeat; } #featured-nav a { height: 35px; float: left; cursor: pointer; display: block; padding: 47px 20px 20px 120px; font-size: 12px; line-height: 16px; text-decoration: none; font-weight: normal; color: #777; } #featured-nav a span { margin-top: 10px; height: 30px; width: 150px; font-size: 12px; text-transform: uppercase; color: #5aa0b1; font-weight: bold; position: absolute; top: 12px; left: 120px; } #featured-nav a img { position: absolute; left: 40px; top: 23px; } #featured-nav a.left { background: url(/images/site/leftbutton.png) top left no-repeat; width: 178px; overflow: hidden; position: relative; } #featured-nav a.left:hover, #featured-nav a.left.activeSlide { background: url(/images/site/leftbutton.png) bottom left no-repeat; } #featured-nav a.middle { background: url(/images/site/middlebutton.png) top left no-repeat; width: 174px; overflow: hidden; position: relative; } #featured-nav a.middle:hover, #featured-nav a.middle.activeSlide { background: url(/images/site/middlebutton.png) bottom left no-repeat; } #featured-nav a.right { background: url(/images/site/rightbutton.png) top left no-repeat; width: 172px; overflow: hidden; position: relative; } #featured-nav a.right:hover, #featured-nav a.right.activeSlide { background: url(/images/site/rightbutton.png) bottom left no-repeat; } .content-wrapper { width: 678px; overflow: hidden; margin-top: 10px; margin-left: 8px; } </pre> <p>Any idea?</p> <p>Thank you.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload