right_sideboxes overflowing in firefox

[salib]

The right hand side-boxes are overflowing the main container in firefox when I try to login.
I have tried to enlarge the main wrapper by changing the width from 750px to 90%. This works for the three browsers, firefox, explorer, and opera. However, this causes a problem with the header. "background-repeat: repeat-x;" should do the trick, but I am getting a vertical white space between the repeat in firefox and explorer, which looks rather ugly. Opera is not a problem at all,
What can I do to remove this vertical white space to keep a clean header?

Thanks in advance.
Alfred
Osaka, Japan

Reference;
/*wrappers - page or section containers*/
#mainWrapper {
background-color: #ffffff;
text-align: left;
width: 750px;
vertical-align: top;
border: 1px solid #9a9a9a;
}

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
margin: 0em;
padding: 0em;
}

#logoWrapper{
background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;
background-color: #ffffff;
height:75px;
}

[salib]

Originally Posted by salib

The right hand side-boxes are overflowing the main container in firefox when I try to login.
I have tried to enlarge the main wrapper by changing the width from 750px to 90%. This works for the three browsers, firefox, explorer, and opera. However, this causes a problem with the header. "background-repeat: repeat-x;" should do the trick, but I am getting a vertical white space between the repeat in firefox and explorer, which looks rather ugly. Opera is not a problem at all,
What can I do to remove this vertical white space to keep a clean header?

Thanks in advance.
Alfred
Osaka, Japan

Reference;
/*wrappers - page or section containers*/
#mainWrapper {
background-color: #ffffff;
text-align: left;
width: 750px;
vertical-align: top;
border: 1px solid #9a9a9a;
}

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
margin: 0em;
padding: 0em;
}

#logoWrapper{
background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;
background-color: #ffffff;
height:75px;
}

Probably, I should have said when "trying to login from the store front as a new customer".
If change the #mainWrapper {width: 750px;} to #mainWrapper {width: 85%;}, it solves the problem. However, the header looks real ugly, and approximately of 5px vertical white space in firefox and explore, but not with opera.

Alfred
Osaka, Japan