theinfected
New Member
I have an image that is used to create a psuedo-shaded border around a main content area. However, it will only appear on the left side of the content, not the right. I know this is not a matter of image size, since we use a similar one for the footer (to create a boxed-in look). Below is the css for the section, can anyone tell me if they see something I need to alter, remove or add? I'm very new to doing web front-end/design so if you need anything else, please let me know. Thx\[code\]#main {background-image: url('../../Content/Images/body_rpt.png');clear: both; /*add this so tabs go left! */padding: 15px 15px 15px 30px; /*30px 30px 15px 30px; */background-color: #fff;/*border-radius: 4px 0 0 0;*/-webkit-border-radius: 4px 0 0 0;-moz-border-radius: 4px 0 0 0;}\[/code\]for comparison here is the footer section, which is working properly\[code\]footer, #footer {background-image: url('../../Content/Images/body_bot.png');background-repeat: no-repeat;background-color: #fff;color: #999;padding: 10px 0;text-align: center;line-height: normal;margin: 0 0 30px 0;font-size: .9em;border-radius: 0 0 4px 4px;-webkit-border-radius: 0 0 4px 4px;-moz-border-radius: 0 0 4px 4px;}\[/code\]