In addition: background-position: 100% 50%;
> and again, use em, rem instead of px for the padding.
>
> > and adding the "arrow" in with '::after' should be flexible enough to
> work.
>
> Not great for AT, if you use the 'content' property; if you use a
> background image on the ::after element, you'll have the same issues in
> terms of sizing & positioning.
>
> Philippe
>
Also, I can't use background-position: 100% 50%; in this case as the arrow
is a sprite which changes position on hover. The sprite is an image of two
different colored arrows that move up and down on hover via
background-position.
.button{
background-position: 100% 0;
}
.button:hover{
background-position: 100% -43px;
}
--
Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
______________________________________________________________________
css-discuss [css-d@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/
