Hi Ian.... I've run a few tests and I have found the solution to the problem you are seeing. The problem is caused by the text-indent:-9999px on the .skipnav div.
There are two options for fixing this problem... they are both fairly simple. 1. add overflow:hidden to the .skipnav div - this is a pseudo hack for IE because it only applies to fixing the scrollbar in IE browsers 2. add another div around the skipnav div and apply position:relative to the new div. This is how I always handle divs that are have the position:absolute style. This keeps a consistent cross-browser rendering and also removes the scrollbar in IE. And just remember for future projects... Always make sure that the position:absolute div is wrapped in a position:relative div. Some browsers do not know where to place the position:absolute element if it is not inside of a position:relative element. The body does not compute the position:relative style, so you need to add a "wrapper" div. Either way will fix your scrollbar issue in IE. I would opt for #2... but it's up to you. Let me know if this helped in anyway. Sean K. Stewart On Apr 17, 9:10 am, Ian Fenn <[email protected]> wrote: > Hi, > > Has anyone else experienced a visible horizontal scrollbar in IE7 when > using Blueprint? > > The container seems to be the correct width and there's no obvious > cause... Strangely, I don't get the issue with the test pages on > blueprintcss.org. > > However, I do get it on this: > > http://www.felixyu.co.uk/ > > All the best, > > -- > Ian --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Blueprint CSS" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/blueprintcss?hl=en -~----------~----~----~----~------~----~------~--~---
