I'm currently working on a website and running into a small issue. The main page has a background with a white body in the center, containing padding for the text to prevent it from being right at the border.
#content {
width: 900px;
overflow: hidden;
margin: 0 auto;
padding: 20px 30px 20px 31px;
background: #FFFFFF;
text-align: left;
}
The problem arises with a jquery gallery positioned at the top of the content body. I want the gallery to extend from one end of the body to the other without the extra padding around it. Despite creating another CSS tag without padding or negative padding, the solution hasn't been successful. Any suggestions on how to resolve this?