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/
