My webpage is displaying two scrollbars on the right side of the browser, but I only want one scrollbar. Can anyone help me fix this issue? Thank you for any assistance.
html, body {
margin: 0;
background-image: url("images/background.png");
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
overflow-x: hidden;
background-size: 100% 100%;
}
#header {
position:relative;
width:900;
height:50px;
margin-left:auto;
margin-right:auto;
}
.bluepanel{
position:absolute;
margin-left:auto;
margin-right:auto;
width:900;
height:50;
background-image: url("images/bluepanel.png"),none;
background-size:cover;
display:block;
left:0;
border-width: 0;
outline: none;
}
.headertxt{
position:absolute;
width:635;
height:21;
background-image: url("images/headertxt.png"),none;
... (truncated due to character limit)