Actually, further investigation, I've spotted what's happening.
You're hiding the submenu's using this
.p7TBMsub {
position: absolute;
visibility:hidden;
left: 0;
top: 0;
width: 100%;
}
But then you're forgetting that the 100% width is being combined with
the padding and therefore forcing your page out by 210px.
You could take my original suggestion and remove the padding but the
better suggestion would be just to remove the width: 100%;
You're applying it to a block element which by default is 100% anyway
but by not applying it, the width will take into consideration the
other padding you're applying automatically.
So, change your code to this and it should work ;o)
.p7TBMsub {
position: absolute;
visibility:hidden;
left: 0;
top: 0;
}
Although, I'm not sure whether using visibility: hidden; will be bad
for screenreaders as I know display: none; will and you're doing a
similar thing so you may be better going for the suckerfish menu
approach where you position the hidden menu using offscreen negative
positioning.
http://www.htmldog.com/articles/suckerfish/dropdowns/
But that's a different matter altogether.
Hope that helps.
- - - - - - - - - -
Dave Woods
http://www.dave-woods.co.uk
On 24/10/2007, Dave Woods <[EMAIL PROTECTED]> wrote:
> Hi Dean,
>
> Not sure what these two styles are actually doing but it looks like
> they're the cause within your menu.css
>
> #p7TBMsub03 { padding: 0 0 0 150px; }
> #p7TBMsub04 { padding: 0 0 0 210px; }
>
> Removing them seems to fix the problem with no adverse effect.
>
> Cheers
> Dave
>
> - - - - - - - - - -
> Dave Woods
> http://www.dave-woods.co.uk
>
>
>
> On 24/10/2007, Dean Matthews <[EMAIL PROTECTED]> wrote:
> >
> > Can someone explain why I am generating a horizontal scroll bar at
> > 1024 width?
> >
> > <http://www3.andersrice.com/>
> >
> > Thanks,
> >
> > Dean
> >
> >
> >
> >
> > *******************************************************************
> > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> > Help: [EMAIL PROTECTED]
> > *******************************************************************
> >
> >
>
>
> *******************************************************************
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> *******************************************************************
>
>
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
