Dave,
Seems to me that w/o a width on <nav> the content you are adding with
nav li:hover::after, is... well... after the <li> which is the only
place you have a width declared (that I saw). Or am I not thinking
about :after correctly?
HTH
On Wed, Sep 26, 2012 at 10:59 PM, Dave Solko <d...@pixelalchemy.com> wrote:
> I'm stuck with a weird problem with IE9 and floats.
>
> In every browser (so far) other than IE9, everything works fine, and the page
> renders properly. However, in IE9, the top 4 nav items force the nag to full
> width when you roll over them. I've narrowed it down to the FLOAT. I've got
> no idea on how to fix this and would appreciate any solutions. I need the
> float:right on the rollover to force the hover to appear at the right edge of
> the navigation and not butted against the text. I've tried adding a width to
> the hover, but that's didn't fix things. (Yes, there are some wrapping issues
> in the nav, but those aren't important here.)
>
> The offending code:
> nav li:hover:after {
> content: "\2192";
> float: right;
> padding-right: 10px;
> }
>
> The site in question: http://new.vintageposterbank.com/CodeIgniter/
>
>
>
> Dave Solko
> Pixel Alchemy
> d...@pixelalchemy.com
> 513.300.2165
>
>
>
> ______________________________________________________________________
> 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/
--
Tom Livingston | Senior Interactive 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/
