how do i get my background image to fit right

Please give code (html & css), better yet a link to a test site.

thank you , here is the whole css code …… my blog is not public yet and wont be for awhile ….but try to see if ur able to help me ….every time i try it messes up the header image and the center section off alignment…thank you

body, html {
scrollbar-face-color: #02142C;
scrollbar-shadow-color: #143D82;
scrollbar-highlight-color: #D0DFFA;
scrollbar-3dlight-color: #D0DFFA;
scrollbar-darkshadow-color: #02142C;
scrollbar-track-color: #02142C;
scrollbar-arrow-color: #D0DFFA;
}

body {
margin: 0 0;
padding: 0 0;

font-size: 90%; /* Resets 1em to 10px */
font-family: Georgia, “Times New Roman”, Verdana, Arial, Sans-Serif;

background-color: #02142C;
color: #02142C;
text-align: center;
}

#wrap-all {
margin: 0 auto;
padding: 0 0;
width: 820px;

background: #D0DFFA url(images/wrap-all-bg.jpg) repeat-y left top;
text-align: left;
}

/* start: header styles */
#header {
margin: 0 10px;
padding: 30px 200px 0 50px;
width: 550px;
height: 184px;
background: url(images/header-bg.jpg) no-repeat right top;
}

#header h1 {
margin: 0 0;
padding: 30px 0 0 30px;

font: small-caps bold 2.5em Georgia, “Times New Roman”, Verdana, Arial, sans-serif;
}

#header p {
margin: 0 0;
padding: 0 0 0 40px;
font: 1.0em Georgia, “Times New Roman”, Verdana, Arial, sans-serif;
}

h1, h1 a, h1 a:hover, h1 a:visited, #header p {
color: #D0DFFA;
background-color: transparent;
text-decoration: none;
}

/* end: header styles */

#wrap-mid {
margin: 0 10px;
padding: 0 0;
width: 800px;
background: #02132B url(images/content-bg-bottom.jpg) no-repeat left bottom;
}

/* start: content styles */
#content {
float: right;
width: 564px;
margin: 0 0 40px 0;
padding: 0 0;
}

.post {
margin: 20px 20px 0 20px;
padding: 0 0;
height: 100%;
background: url(images/post-content-bg.jpg) repeat-y left top;
text-align: justify;
}

.post h2 {
margin: 0 0;
padding: 5px 25px 0px 200px;
background: url(images/post-title-bg.jpg) no-repeat left top;
text-align: right;
font: bold small-caps 1.3em “Times New Roman”, Arial, sans-serif;
}

.post h2 a, .post h2 a:link, .post h2 a:visited {
color: #102D5E;
background-color: transparent;
}

.post .date {
margin: 0 0;
padding: 5px 0 0 100px;
height: 21px;

background: url(images/post-date-bg.jpg) no-repeat left top;

font: bold 1.0em Georgia, “Times New Roman”, Arial, sans-serif;
color: #D0DFFA;
background-color: transparent;
}

.post .postmetadata {
margin: 0 0;
padding: 15px 15px 0px 15px;
height: 44px;
background: url(images/post-meta-bg.jpg) no-repeat left top;
font: bold 0.8em Verdana, Arial, sans-serif;
text-align: right;
}

.post a:link,
.post a:visited {
color: ##D0DFFA;
background-color: transparent;
}

.post a:hover {
color: #D0DFFA;
background-color: transparent;
text-decoration: none;
}

.entry {
margin: 0 0;
padding: 0 25px;
}

small {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 0.9em;
}

#info {
margin: 20px 45px;
padding: 10px 10px;

font-size: 0.8em;
background-color: #f8f8f8;
border-top: 1px solid #cc9;
border-bottom: 1px solid #cc9;
}

#commentform input, #commentform textarea {
font: 1.0em Verdana, Arial, Sans-Serif;
}

.commentlist li {
font: 1.0em Georgia, “Times New Roman”, Verdana, Arial, Sans-Serif;
}

#commentform input, #commentform textarea {
background-color: #fff;
border: 1px solid #996;
}

#commentform #submit {
color: #fff;
background-color: #D0DFFA;
border: 1px solid #fff;
}

.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.0em;
}

.commentlist p {
font-weight: normal;
line-height: 1.0em;
text-transform: none;
}

#commentform p {
font: 1.0em Georgia, “Times New Roman”, Verdana, Arial, Sans-Serif;
}

.commentmetadata {
font-weight: normal;
}

/* end: content styles */

/* start: sidebar styles */
#sidebar {
float: right;
width: 223px;
margin: 0 0;
padding: 20px 0px 150px 10px;
}

#sidebar form {
margin: 0 0;
padding: 0 0;
}

#sidebar h2 {
margin: 20px 0 0 0;
padding: 0 0;

font: bold small-caps 1.2em Georgia, “Times New Roman”, Verdana, Arial, Sans-Serif;
color: #D0DFFA;
background-color: transparent;
}

#sidebar ul {
margin: 0 0;
padding: 0 0;
list-style-type: none;
}

#sidebar ul p {
color: #D0DFFA;
background-color: transparent;
font: 1.0em Georgia, “Times New Roman”, Verdana, Arial, sans-serif;
}

#sidebar ul p, #sidebar ul select {
margin: 5px 0 0 8px;
}

#sidebar ul ul {
margin: 5px 0 0 0;
}

#sidebar ul li li {
margin: 3px 0 0 0;
padding: 0 0 0 33px;
background: url(images/sidebar-li-bg.jpg) no-repeat top left;
font: bold small-caps 1.0em Georgia, “Times New Roman”, Verdana, Arial, sans-serif;
}

#sidebar ul li#pages {
margin: 0 0 30px 0;
padding: 0 0;
font: bold small-caps 1.3em Georgia, “Times New Roman”, Verdana, Arial, Sans-Serif;
}

#sidebar ul li#pages li {
margin: 0 0;
padding: 0 0;

font: bold small-caps 1.0em Georgia, “Times New Roman”, Verdana, Arial, Sans-Serif;
}

#sidebar ul li#pages li {
margin: 0 0;
padding: 0 0 0 28px;

background: url(images/li-pagenav-bg.jpg) no-repeat top left;
}

#sidebar ul li#pages li li {
margin: 0 0;
padding: 0 0 0 21px;

background: url(images/li-pagenav2-bg.jpg) no-repeat top left;
}

/* end: sidebar styles */

/* start: footer styles */
#footer {
margin: 0 10px;
padding: 10px 0;
width: 800px;
background: #02142C url(images/footer-bg-top.jpg) no-repeat left top;
clear: both;
}

ul#footer-links {
margin: 0 0;
padding: 0 0;
}

#footer a,
#footer a:link,
#footer a:visited {
color: #02142C;
background-color: transparent;
}

#footer a:hover {
color: #D0DFFA;
background-color: transparent;
}

ul#footer-links li {
float: left;
margin: 0 0 20px 10px;
padding: 0 0;
width: 250px;
list-style-type: none;
}

ul#footer-links h2 {
margin: 0 0;
padding: 0 0;
font: bold small-caps 1.5em Georgia, “Times New Roman”, Arial, sans-serif;
color: #D0DFFA;
background-color: transparent;
}

ul#footer-links li p {
margin: 0 0;
padding: 5px 5px;
background: #D0DFFA;
border-top: 1px solid #f5a6c2;
}

ul#footer-links ul {
margin: 0 0;
padding: 0 0;
height: 100%;
background: transparent;
}

ul#footer-links ul li {
margin: 0 0;
padding: 5px 0px 5px 30px;
width: 216px;
height: 100%;
background: #D0DFFA url(images/sidebar-li-bg.jpg) no-repeat -5px 3px;
border-top: 1px solid #D0DFFA;
}

ul#footer-links ul ul {
margin: 5px 0 -5px 0;
padding: 0 0;
height: 100%;
}

ul#footer-links ul li li {
margin: 0 0 0 -30px;
padding: 5px 2px 5px 60px;
width: 184px;
height: 100%;
border-top: 1px solid #f5a6c2;
background: #D0DFFA url(images/sidebar-li-bg.jpg) no-repeat 25px 3px;
}

#credits {
clear: both;
margin: 0 20px;
padding: 20px 0 0 0;
text-align: right;
}

/* end: footer styles */

/* start: other styles */
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
color: #D0DFFA;
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
text-decoration: none;
}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
color: #D0DFFA;
}

code {
font: 1.1em ‘Courier New’, Courier, Fixed;
}

acronym, abbr, span.caps {
font-size: 0.9em;
letter-spacing: .07em;
}

a, h2 a:hover, h3 a:hover {
color: #D0DFFA;
text-decoration: none;
}

a:hover {
color: #663;
text-decoration: none;
}

/* start: image styles */
p img {
padding: 0;
max-width: 100%;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.align-right {
float: right;
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.align-left {
float: left;
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

/* end: image styles */

/* start: alignment styles */
div.align-right {
float: right;
}

div.align-left {
float: left
}

div.align-center {
display: block;
margin: 10px auto;
}

.align-right {
text-align: right;
}

.align-left {
text-align: left;
}

.align-center {
text-align: center;
}

/* end: alignment styles*/

/* lists-styles */
.post ul {
list-style-type: square;
}
/* end-lists-styles */

/* forms */
#searchform {
margin: 0 0;
padding: 0 0;
}

#searchform div {
margin: 5px 0;
padding: 0 0;
width: 183px;
height: 40px;
background: url(images/searchform-bg.jpg) no-repeat left top;
}

#searchform input {
display: none;
}

#searchform input#s {
display: inline;
margin: 0 0;
padding: 10px 5px 0 35px;
width: 143px;
border: solid 0 #996;
background: transparent;
}

.entry form {
text-align:center;
}

select {
width: 130px;
}

/* end-forms */

/* comments*/
#comments-list, #leave-reply {
margin: 40px 0 0;
padding: 0 0;
}

#comments-list ol.commentlist {
margin: 0 10px 0 20px;
padding: 0 0;
text-align: justify;
list-style-type: none;
}

#comments-list ol li {
margin: 15px 45px 3px 45px;
padding: 5px 15px;
height: 100%;
border: 1px solid #cccc99;
background: transparent url(images/post-content-bg.jpg) repeat-y -40px 0;
}

#comments-list .commentlist p {
margin: 10px 5px;
padding: 0 0;
}
#comments-list .commentlist li ul,
#comments-list .commentlist li ol {
margin: 10px 10px 10px 30px;
padding: 0 10px;
}

#comments-list .commentlist li ul ul,
#comments-list .commentlist li ol ol {
margin: 0 0 0 10px;
}

#comments-list .commentlist li ul li,
#comments-list .commentlist li ol li {
margin: 0 0;
padding: 0 0 0 5px;
border: 0;
list-style-type: square;
background: transparent;
font-weight: normal;
}

#commentform {
margin: 0 25px;
padding: 0 0;
}

#commentform input {
width: 300px;
padding: 2px;
margin: 5px 5px 1px 0;
}

#commentform textarea {
width: 400px;
padding: 2px;
}

#commentform #submit {
width: 100px;
margin: 0 0;
}

#commentform p {
margin: 5px 0;
padding: 0 0;
}

.nocomments {
text-align: center;
margin: 0;
padding: 0;
}

.commentmetadata {
margin: 0;
display: block;
}
/* end-comments */

/* start: calendar styles */

#wp-calendar {
font-size: 0.9em;
background: #D0DFFA;
}

#wp-calendar a {
display: block;
color: #E988AC;
background-color: transparent;

text-decoration: none;
}

#wp-calendar caption {
margin: 0 0;
padding: 0 0;
color: #D0DFFA;
background-color: transparent;

font: small-caps bold 1.1em Georgia, “Times New Roman”, Verdana, Arial, Sans-Serif;
text-align: center;
}

#wp-calendar th {
color: #996;
background-color: transparent;

font-style: normal;
text-transform: capitalize;
}
#wp-calendar {
empty-cells: hide;
margin: 10px auto 0;
width: 100%;
}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;

font: small-caps bold 1.1em Georgia, “Times New Roman”, Verdana, Arial, Sans-Serif;
}

#wp-calendar #prev a {
padding-left: 10px;
text-align: left;

font: small-caps bold 1.1em Georgia, “Times New Roman”, Verdana, Arial, Sans-Serif;
}

#wp-calendar caption {
text-align: center;
width: 100%;
}

#wp-calendar td {
padding: 3px 0;
text-align: center;

color: #996;
background-color: transparent;
}

/* end: calendar styles */

/* others */
acronym, abbr, span.caps {
cursor: help;
}

acronym, abbr {
border-bottom: 1px dashed #999;
}

blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
color: #D0DFFA;
border-left: 5px solid #996;
}

blockquote cite {
margin: 5px 0 0;
display: block;
}

code {
font: 1.0em “Courier New”, Courier, Arial, sans-serif;
}

hr {
display: none;
}

a img {
border: none;
}

.navigation {
display: block;
text-align: center;
margin: 20px 55px 20px 25px;
height: 25px;

font: small-caps bold 0.9em Georgia, Verdana, Arial, sans-serif;
}

.hide {
display: none;
}

.clear-this {
clear: both;
}
/* end: others */

Without seeing your site or anything I will give you the code to repeat a background tile.

Find

body {
margin: 0 0;
padding: 0 0;

font-size: 90%; /* Resets 1em to 10px */
font-family: Georgia, "Times New Roman", Verdana, Arial, Sans-Serif;

background-color: #02142C;
color: #02142C;
text-align: center;
}

Change

background-color:#02142C;
to

background: url(path to your image) 0 0 repeat;

This is good for a repeated background image.

If you have one image and you want it centered, use this:

background: url(path to your image) 50% 0 no-repeat fixed;

You can check out
https://www.w3schools.com/css/css_background.asp

for more info on this.

Hope that helps.
BigD

i will be lad to send u my site privately so u can see where id like the bg see i want the center section which is where my sidebar and text is and such to stay a solid blue but beyond that ,outside the center frame section i want an image as my bg but when i try this it changes me header and cuts off 2 inches towards the top…..maybe if u seen my site ud understand more u wanna do that?
thank you

WOW it actually worked that you sooooo much

Nice. Glad I could help.