Tom,
That did it. I thought I had tried a width there earlier, but evidently not.
Everything else respects the width of the <li>, but I guess IE just figures the
:after isn't bound by the <li> because, well, it's after, so it goes as wide as
it can. The funny thing is that it only effected the first list, and not the
second.
Thanks
Dave Solko
Pixel Alchemy
d...@pixelalchemy.com
513.300.2165
On Sep 27, 2012, at 9:49 AM, Tom Livingston <tom...@gmail.com> wrote:
> 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/
