CSS HELP! IT IS NOT CENTERING BACKGROUND

OK my page's work perfidy everywhere but not in Internet Explorer... I want the background to be centered and fixed also (so it does not scroll), everything I try send page wach hole or it alings he left

CSS:

/*****************************************/

/*************** RESET CSS ***************/

/*****************************************/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, ht ml, label, table, tr, td {margin: 0; padding: 0 ;}}

table {border-collapse: collapse; border-spacing: 0 ;}}

fieldset, img, an img,: link, img: visited img {border: 0 ;}}

address, caption, cite, dfn, code, var, th {make-style: normal; make-weight: normal ;}}

OL, ul {list-style: none ;}}

Caption, th {text-align: left ;}}

H1, h2, h3, h4, h5, h6 {make-size: 100% ;}}

q: before, q: after {content: ";}}

/ * Site * /.

{body

Background: #2 c 2825 url(images/topBg-repeat.jpg);

background-repeat: no-repeat;

background-position: top center;

background-attachment: fixed;

font: 12px / 1.46 Verdana, Verdana, Geneva, without serif.

margin: 0;

Color: #000;

text-align: center;

}

TD {make-size: 1em ;}}

form {}

Display: inline;

margin: 0;

padding: 0;

}

H1 {make: normal 1.5em Arial, Helvetica, without serif; color: #0f0f0f;}   }

H2 {make: normal 1.3em Arial, Helvetica, without serif; color: #0f0f0f;}  padding-bottom: 20px; }

H3 {make: normal 1.1em Arial, Helvetica, without serif; color: #0f0f0f;}  padding-bottom: 20px; }

{H2. Header}

color: #484848;

padding: 10px;

background-color: transparent;

make-weight: bold;

}

{p}

padding-bottom: 10px;

padding-left: 20px;

}

an img {border: 0 ;}}

a: link {color: #493933 ;}}

a: visited {color: #493933 ;}}

a: active {color: #bbb0a8}

a: hover {color: #bbb0a8 ;}}

. Clear {clear: both; font-size: 0em; height: 0em ;}}

.floatRight {float: right ;}}

.floatLeft {float: left ;}}

. AlignRight {text-align: right ;}}

. AlignLeft {text-align: left ;}}

.AlignCenter {text-align: center ;}}

.margincenter {auto margin: 0 ;}}

. Small {make-size: .9em ;}}

. Smaller {make-size: .8em ;}}

. Smallest {make-size: .7em ;}}

signs {size are: 1.1em ;}}

.larger {size are: 1.2em ;}}

.largest {size are: 1.3em ;}}

. Bold {make-weight: bold ;}}

. Italic {make-style: italic ;}}

.red {color: #dd0000 ;}}

. Blue {color: #0000ff ;}}

. Grey {color: #999999 ;}}

. NoWrap {white-space: normal ;}}

. Link-pipe {color: #999999 ;}}

.input_error {border-color: #cc0000 #ff0000 #ff0000 #ff0000 ;}}

Select {}

border-width: 1px;

border-color: #333333 #bbbbbb #bbbbbb #bbbbbb.

padding: 1px 2px;

}

. Error-message {}

padding: 4px;

text-align: center;

Width: 60%;

Auto margin: 0;

color: #dd0000;

make-weight: bold;

}

. LOGN .error-message,

. AFCL .error-message,

. ORDL .error-message {}

margin: 12px 24 PX.

Width: auto;

}

any intelligence-message {}

padding: 4px;

text-align: center;

Width: 60%;

Auto margin: 0;

color: #0000dd;

}

. LOGN all intelligence-message {}

margin: 12px 24 PX.

Width: auto;

}

TD. Field textarea {}

Width: 200px; height: 100px;

}

. TextField, select, textarea,

#tax - fields of entry {} .form_row

border-width: 1px;

border-style: solid;

border-color: #333333 #bbbbbb #bbbbbb #bbbbbb.

padding: 1px 2px;

Police: normal Arial, Helvetica, Verdana, without serif 1em;

}

. TextField, textarea {}

Width: 140px; height: 18px;

}

button {}

border: none;

background-color: #9c1f1c;

color: #ffffff;

font-size: .9em;

padding: 3px;

margin: 0;

cursor: pointer;

Width: auto;

overflow: visible;

}

{#site-container}

Width: 960px;

Auto margin: 0;

text-align: left;

border-collapse: collapse;

}

#bottom-wrap {clear: both; font-size: 0em; height: 0em ;}}

/ Top Navigation * bar * /.

{#-barre of navigation

Background: #fff url(images/mainNav-bg.jpg) no-repeat center;

height: 41px;

line-height: 0;

margin-bottom: 20px;

margin-top: 16px;

padding: 10px;

}

bar of navigation-# ul {}

Auto margin: 0;

padding: 8px 0 0 0;

Width: 560px;

Clear: both;

}

bar of navigation-# li {}

color: #ffffff;

list-style: none;

line-height: 12px;

float: right;

text-align: center;

margin: 0 2px;

Police-weight: normal;

}

navigation bar-# li.navigation - point-on {}

navigation bar-# li.navigation - point-off}

/ * tab padding * /.

bar of navigation-# li div div {padding: 5px 18px ;}}

/ * tab off images side * /.

li.navigation - point-off div.item - left navigation #-barre {background: transparent url() in top left no-repeat scroll ;}}

li.navigation - point-off div.item - right navigation #-barre {background: transparent no-repeat scroll top right ;} url()}

/ * tab on the side images * /.

li.navigation - point-on div.item - left navigation #-barre {background: transparent url() in top left no-repeat scroll ;}}

li.navigation - point-on div.item - right navigation #-barre {background: transparent no-repeat scroll top right ;} url()}

/ navigation bar links * /.

navigation bar-# li a: link,.

navigation bar-# li a: visited,

navigation bar-# li a: hover,

#-barre of navigation li a: active {}

color: #fff;

text-decoration: none;

}

{} #nav - box

#nav - search {}

{#nav} - basket

{#nav} - account

{} #nav - all - products

{#nav} - showcase

/ * Left navigation * /.

{#left-navigation}

padding: 10px 10px 20px 10px;

vertical-align: top;

Width: 200px;

}

/ * Column Pages * /.

. One-column #left navigation {display: none ;}}

. One-column #main - content {padding: 20px; width: 940px ;}}

#shipping - payment .form_row {text-align: left ;}}

{#category-tree}

background-color: #e3dad4;

padding: 10px;

}

{#category - tree - top - image}

Width: 218px;

}

{#category - tree - low - image}

background: transparent url(images/footer-bottom-bg.jpg) low no-repeat;

padding-bottom: 29px;

}

#category - tree {}

Display: block;

text-decoration: none;

color: #0f0f0f;

do-size: 12px;

}

{div #category - tree}

border-bottom: 1px solid #eee8e5;

padding: 10px 0;

}

tree-category # level - 1 {a}

padding: 4px 6px 4px 0;

background: transparent url() right no-repeat;

}

#category - tree level-2 a {padding: 4px 6px 4px 20px ;}}

#category - tree level-3 a {padding: 4px 6px 4px 30px ;}}

#category - tree level-4 a {padding: 4px 6px 4px 40px ;}}

#category - tree level-5 a {padding: 4px 6px 4px 50px ;}}

#category - tree level-6. a {padding: 4px 6px 4px 60px banner ;}}

#category - tree div.active End Sub

{#category-tree-header}

background: top url(images/categoryTitle-bg.jpg) no-repeat scroll Center;

height: 46px; Width: 218px;

padding-bottom: 20px;

}

{#category - tree - footer

background: url(images/catTreeSocialFooter-bg.jpg) no-repeat scroll center top transparent;

height: 200px;

Padding: 60px banner 0 0 20px;

Width: 199px;

margin-top: 15px;

}

#category - tree - Footer img {}

Width: 35px; height: 35px;

margin-left: 5px;

}

{img.social - icons-first #category - tree - footer

margin-left: 25px;

}

/ * Content * /.

{#content container}

Clear: both;

margin: 0;

background-color: #fff;

}

{#main - content

vertical-align: top;

Width: 730px;

}

/ * Header/footer global * /.

{#global-in-head}

background: url() not high repetition;

}

#logo {}

height: 79px;

Width: 213px;

}

#logo a {}

Background: URL(images/logo.gif) no-repeat scroll left top transparent;

cursor: pointer;

Display: block;

height: 79px;

Width: 320px;

}

{#search}

float: right;

Padding: 40px 10px 4px 0;

}

{#header-links}

float: right;

Padding: 40px 12px 0 0;

line-height: 22px;

color: #ededed;

text-align: right;

}

{#header-links}

color: #fff;

}

{#global-footer}

border-top: 1px solid #dbcfca;

margin: 60px banner 0;

padding-top: 20px;

text-align: center;

}

#footer - links {}

color: #bbb0a8;

}

#footer - links ul {}

font: normal .9em Verdana, Helvetica, Arial, without serif.

margin: 8px 0;

padding: 0;

}

#footer - links ul li {}

list-style-type: none;

border-left: 1px solid #bbb0a8;

padding: 0 2px 0 6px;

margin: 0;

text-align: center;

Display: inline;

}

#footer - links li.first - child ul {border: 0 ;}}

#global-footer #footer - links #footer - plan of the site-link {display: none ;}}

{#miva-link}

do-size: .8em;

margin: 16px 0;

}

#miva - link has {color: #999999 ;}}

#-l ' the page header {clear: both ;}}

page #-pied {clear: both ;}}

{#maintenance}

color: #dd0000;

make-weight: bold;

}

/ * ACAD, CADE, AFAD, DAVID, OFC * /.

{.logout-link

margin: 12px 0;

float: right;

}

#customer - the label fields.

{label #affiliate - fields}

Clear: both;

float: left;

padding: 2px 5px 3px 0;

text-align: right;

white-space: nowrap;

Width: 170px;

}

label #affiliate - commissions,.

. {Label editable OSEL .not}

float: left;

Width: 120px;

make-weight: bold;

text-align: right;

padding: 0 6px 0 0;

}

#customer - input.textfield fields,

#affiliate - input.textfield fields,

#tax - input fields,

#affiliate - div.form_row div commissions,

div.form_row. fix div {}

Width: 170px;

margin: 0 4px 0 0;

}

#affiliate - commissions div.form_row div {float: left ;}}

#customer - select fields.

#affiliate - fields select {}

Width: 176px;

margin: 0 4px 0 0;

}

#login-details.

{#affiliate-Info}

margin: 16px 0 0 0;

}

#affiliate - commissions .form_row {margin: 0 8px 0 0;}

. {#Affiliate - AFAD fields

Width: 50%;

Auto margin: 0;

}

. Contact-DAVID #affiliate - #affiliate fields,

. DAVID #affiliate - #affiliate - commissions {} fields

float: left;

Width: 50%;

}

{.affiliate-code #affiliate - commissions}

Width: 230px! important;

}

{#affiliate - image #affiliate - commissions}

Width: 236px! important;

overflow: auto;

}

#affiliate-terms {margin-left: 155px ;}}

#affiliate - .form_row {div. fix fields

margin: 0 8px 0 0;

padding: 2px 0 0 0;

}

except-button,

continue-button {}

Clear: both;

text-align: right;

Padding: 24 PX 0 0 0;

}

.required {make-weight: bold ;}}

{H2. Fields-topic

background-color: #68635f;

color: #fff;

margin: 0 12px 0 0;

padding: 4px 4px 4px 12px;

}

.address2-label {margin: 0 14px 0 0;}

. Controls {}

Police: normal Verdana, Helvetica, Arial, without serif .7em;

visibility: hidden;

}

#customer - fields .controls label {}

float: none;

}

#ship-to,.

Bill - to # {}

Width: 50%;

float: left;

}

#ship - to input.checkbox h2,

#bill - h2 {input.checkbox}

margin: 0 2px 12px 0;

padding: 0;

Width: 13px;

height: 13px;

overflow: hidden;

}

div. Invalid input.textfield,

div. Invalid select,

#tax - fields of entry {} div.invalid

border-color: #cc0000 #ff0000 #ff0000 #ff0000.

}

tag div. Invalid {color: #dd0000 ;}}

. Warning-message {}

padding: 4px;

text-align: center;

Width: 60%;

Auto margin: 0;

color: #dd0000;

}

#customer - fields.editable .form_row,

{.form_row #affiliate - fields.editable}

margin: 6px 0 0 0;

text-align: left;

}

#customer - fields.non-{editable .form_row

margin: 0 4px 0 0;

text-align: left;

}

#customer - editable fields.non-etiquette.

#affiliate - fields.non-{editable label

margin: 0 0 0 30px;

padding: 0 4px 0 0;

make-weight: bold;

Width: 110px;

text-align: right;

float: left;

Clear: both;

white-space: nowrap;

}

#customer - fields.non - editable .form_row div,.

#affiliate - fields.non - editable .form_row div {}

float: left;

}

{#update-record}

Clear: both;

margin: 0 0 24 PX 24 PX.

}

label fields .tax {make-weight: bold ;}}

/ * LOGN, AFCL, ORDL ORHL * /.

. AFCL #main - happy,

. LOGN #main - happy. {#Main - content ORHL

Width: 940px;

}

. ORHL #main - content {}

. ORDL #main - content {padding: 28px 16px ;}}

. AFCL hickiing,

. LOGN hickiing {}

float: left;

height: 220px;

Width: 49%;

text-align: center;

}

. Hickiing {} ORDL

float: left;

height: 220px;

Width: 33%;

}

. .Lookup-section {} ORHL

float: left;

height: 220px;

Width: 50%;

}

. {.signin-section ORHL

float: left;

height: 220px;

Width: 48%;

}

. Lookup-section .form_row {}

. SignIn-section .form_row {}

hickiing h3,

. Lookup-section h3,

. SignIn-section h3 {}

text-align: center;

padding-bottom: 10px;

}

{.form_row}

margin: 6px 0 0 0;

text-align: center;

}

. Label LOGN,

. Label ORDL,

. {Label AFCL

Clear: both;

Width: 80px;

padding: 3px 5px;

}

. {Label ORHL

Clear: both;

padding: 3px 5px;

text-align: right;

white-space: nowrap;

Width: 90px;

}

. Grey-border-right {border-right: 1px solid #cccccc ;}}

. LOGN-entry {width: 120px ;}}

{# key invalid

Width: 23px;

float: left;

margin: 0 4px 0 0;

border-width: 1px;

border-style: solid;

border-color: #cc0000 #ff0000 #ff0000 #ff0000.

}

{}. sign-in-buttons

text-align: center;

margin: 12px 0 0 0;

}

{forgot password

font-size: .9em;

text-align: center;

margin: 12px 0 0 0;

}

/ * BASK, ASTC, OPAY, OSEL SE * /.

#basket - happy. non-modifiables.

#basket - happy .editable,

{Table #order - summary

Width: 100%;

border-left: 1px solid #d6d6d6;

border-top: 1px solid #d6d6d6;

margin-top: 10px;

}

#basket - happy. editable non-table.

table #basket - happy .editable,

{Table #order - summary

border-collapse: collapse;

Width: 100%;

}

#basket - happy editable .non-td,

TD #basket - happy .editable

#order - content td {}

background-color: #fff;

border-bottom: 1px solid #d6d6d6;

border-right: 1px solid #d6d6d6;

vertical-align: top;

Padding: 6px;

Police: normal 1em Arial;

}

#basket - table of contents table tr.basket - section td,

#basket - table of contents table tr.basket - section td,

#order - summary table tr.heading td {}

background-color: #68635f;

color: #fff;

make-weight: bold;

text-align: center;

do-size: 1em;

white-space: nowrap;

}

#Basketball-content .basket-Qty-input {width: 34px ;}}

#Basketball-content .item - delete {}

Width: 8%;

vertical-align: middle;

}

#basket - table of contents table .basket-section name - td.item {}

text-align: left;

}

#basket - happy .editable .item-quantity {}

Width: 13%;

text-align: center;

white-space: nowrap;

}

#basket - happy .non-{.item-editable quantity

Width: 6%;

text-align: center;

}

#Basketball-content .item-name options .item {padding-left: 16px ;}}

#basket - happy. fix .item-name {width: 59% ;}}

#basket - happy .editable .item-name {width: 66% ;}}

#basket - materials td.item - name {text-align: left ;}}

# price-.item-basketball-content {}

Width: 10%;

text-align: right;

white-space: nowrap;

}

#basket - content total .item {}

Width: 10%;

text-align: right;

}

#basket - .basket-cost materials .charge-description,.

#Basketball-content .basket-loads load .formatted {}

make-style: italic;

text-align: right;

white-space: nowrap;

}

#basket - #basket summary - totals .formatted-total,.

#basket - #basket - total summary .total-speedy {}

make-weight: bold;

text-align: right;

}

#Basketball-content .item-options td {}

.go .item-quantity {width: 8%! important ;}}

.go .item-name {width: 64%! important ;}}

#fields-key {margin: 16px 0 ;}}

.go-button {}

margin: 12px 10px;

text-align: right;

}

#payment-{} input fields

border-width: 1px;

border-style: solid;

border-color: #333333 #bbbbbb #bbbbbb #bbbbbb.

padding: 1px 2px;

Police: normal Arial, Helvetica, Verdana, without serif 1em;

}

{label #payment - fields}

white-space: nowrap;

text-align: left;

padding: 3px 5px 3px 0;

Clear: both;

margin: 2px 0 0 0;

}

# fields - payment td {}

padding: 0 6px 0 0;

}

#shipping - payment .form_row {margin: 10px 0 0 0 ;}}

{label #shipping - payment}

float: left;

Width: 65px;

white-space: nowrap;

text-align: left;

padding: 3px 5px 3px 0;

Clear: both;

margin: 2px 0 0 0;

}

. OSEL .continue-button,

. OPAY .continue-button {}

margin: 0 12px 0 0;

}

. OFC #basket - content {margin: 32px 0 0 0 ;}}

. OPAY .fields-key {margin: 16px 0 0 0;}

fields-payment # .form_row {margin: 10px 0 0 0 ;}}

#customer - fields. fix {margin: 32px 0 0 0;}

#basket - happy. fix {32px margin: 16px 0 0 ;}}

/ * SRCH, PLST, CTGY, OUS1, OUSM * /.

. Categoy-registration

. All products,

product related,

*.search-results {}

Clear: both;

}

. Product-item {}

float: left;

padding: 0 20px 10px;

Width: 215px! important;

}

{.padding .product-point

background-color: #fff;

height: 300px;

overflow: hidden;

padding: 20px 10px;

text-align: center;

color: #484848;

border: 1px #dbcfca solid;

}

previous-next-.product {}

Clear: both;

margin: 12px 0;

}

. CTGY .product-details,

. PLST .product-details,

. SRCH .product-detail {}

overflow: hidden;

text-align: center;

color: #493933;

padding: 0;

margin: 0;

}

. Product-point .product-thumbnail {}

margin: 0 12px 0 0;

text-align: center;

}

. Product-point .product-thumbnail img {}

border: 0px solid #D6D6D6;

Max-width: 190px; height: 165PX;

}

{.purchase-buttons

text-align: center;

margin: 16px 0 0 0;

}

. Purchase-buttons input.button {}

margin: 0 0 0 17px;

padding: 5px;

float: left;

}

{td.item - .line-point buttons

white-space: nowrap;

}

. Item-buttons input.button {}

float: left;

margin: 0 0 0 5px;

padding: 5px;

}

. Point-line tr.header - line td {make-weight: bold ;}}

{.thumbnail-non-availability

Display: block;

Width: 110;

height: 110px;

background: transparent url() no-repeat scroll left top;

Auto margin: 0;

}

{image-no-availability

Display: block;

background: transparent url() no-repeat scroll left top;

}

. Next-previous {margin: 12px 0 0 0 ;}}

. Next-button {float: right ;}}

. Previous-button {float: left ;}}

. Search-new {margin: 0 3px 10px;}

. {#Main - content OUS1

padding-left: 225px;

padding-right: 225px;

}

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

. OUS1 .product-thumbnail {}

float: left;

height: 300px;

Max-width: 300px;

text-align: center;

padding: 0 20px 0 0;

}

. OUS1 .product-description {margin: 16px 0 0 0 ;}}

. OUS1 .thumbnail-non-availability {auto margin: 16px ;}}

. {#Main - content OUSM

padding-left: 160px;

padding-right: 160px;

}

{.upsale-lot

Width: 100%;

padding: 2px;

}

. Upsale-lot .heading td {make-weight: bold ;}}

. Upsale-box {width: 32px ;}}

. Upsale-name {width: 175px ;}}

. OUS1 .purchase-buttons textarea {}

text-align: center;

Width: 390px;

height: 100px;

}

. OUSM continue-button {text-align: center ;}}

.line-article table {width: 99% ;}}

. Line-item table tr.heading td {make-weight: bold ;}}

. Line-item table td {}

padding: 10px;

{border: 1px solid #ccc}

. Line-item .item-name {width: 30% ;}}

tr.alt_row .line-item {background-color: #f4ece7 ;}}

/ * PRODUCT DISPLAY * /.

.product-details-1 {}

Width: 48%;

float: left;

}

. Product-details-1 p {}

text-align: center;

}

{.product-details-2

Width: 48%;

float: left;

}

{.purchase .product-details-2 buttons}

margin: 16px 0;

text-align: left;

Width: 200px;

}

. Product-details-2 .purchase-keys {}

font-size: 17px;

height: 39px;

margin: 10px 0 0;

text-shadow: 2px 2px 2px #496E92;

Width: 140px;

}

.product-image {}

Max-width: 300px;

margin: 20px 0;

text-align: center;

}

. Product-image img {}

Max-width: 300px;

Max-height: 300px;

}

. Product-quantity-input {}

margin: 4px 0;

overflow: auto;

Width: 34px;

text-align: left;

}

{} related products

Clear: both;

16px margin: 32px 0 0;

}

. Product-attributes {}

margin: 16px 0;

text-align: left;

}

. Product-attributes td {}

padding: 4px 0;

}

. Product-attributes td.prompt}

vertical-align: top;

text-align: left;

padding-right: 5px;

}

. Product-attributes td.field}

text-align: left;

}

/ * INVC * /.

. INVC ordering-id,

. ADR ordering id {}

float: left;

make-weight: bold;

}

. INVC ordering date,

. {. Order-date ADR

float: right;

text-align: right;

}

. INVC ordering period,

. . Order date of ADR span {}

make-weight: bold;

}

. INVC h3,

. ADR h3 {}

Clear: both;

margin: 16px 0 24 PX 0;

}

/ * PATROL * /.

. PATR .continue-button {}

text-align: right;

margin: 12px 0;

}

/ * SMAP * /.

. SMAP h3 {}

}

. SMAP .category {}

Width: 33%;

text-align: left;

float: left;

}

. SMAP .category {} .padding

padding: 2px;

}

. SMAP .product {}

Width: 33%;

text-align: left;

float: left;

}

. SMAP .product .padding {padding: 2px ;}}

/ * ORDH, ADR * /.

table #orderhistory - list {border-collapse: collapse ;}}

{Table #order - summary

Width: 100%;

}

#order - summary table td.

#orderhistory - list table td {}

vertical-align: top;

}

#orderhistory - list ordering - reorganize {text-align: center ;}}

#orderhistory - list ordering-Bill {}

#orderhistory - list ordering-description {text-align: left ;}}

#orderhistory - list ordering-date {}

#orderhistory - ordering-bought list {text-align: center ;}}

#orderhistory - list ordering quantity {text-align: center ;}}

#orderhistory - list ordering {text-align: center ;}}

#orderhistory - followed list ordering {text-align: left ;}}

#orderhistory - ordering-total list {text-align: right ;}}

#-orderhistory - ordering rix {text - align:right ;}

#orderhistory - ordering-view list {}

vertical-align: middle;

padding: 0 8px;

}

#orderhistory - list tr.heading td {}

make-weight: bold;

white-space: nowrap;

}

#order - summary table tr td.order - reorganize {text-align: center ;}}

#order - summary table tr td.order - invoice {}

#order - summary table tr td.order - description {text-align: left ;}}

#order - summary table tr td.order - date {text-align: left}

#order - contents table tr td.order - bought {text-align: center ;}}

#order - summary table tr td.order - quantity {text-align: center ;}}

#order - summary table tr td.order - status {text-align: left ;}}

#order - summary table followed tr td.order {text-align: left ;}}

#order - summary table tr td.order - total {text-align: right ;}}

#order - summary table tr td.order - price {text-align: right ;}}

Description - #order - summary table tr td.charge,

#order - summary table tr td.charge - fairy {}

make-style: italic;

text-align: right;

}

#order - summary table tr td.charge - fairy {text-align: right ;}}

#order - summary table tr td.formatted - total,

#order - summary table tr td.total - speedy {}

text-align: right;

make-weight: bold;

}

{#customer-fields}

margin: 16px 0;

}

#Order_BillZip {width: 44px ;}}

.widest {width: 100% ;}}

/ * Homepage elements * /.

body. SFNT #left navigation {display: none ;}}

body. SFNT #main - content {width: 960px; padding: 0 ;}}

body. SFNT #main - content h1, body. SFNT #main - happy h2, body. H3 #main - content SFNT {margin-left: 20px ;}}

#header {}

background: url(images/header.jpg) no-repeat scroll center top transparent;

height: 280px;

20px margin: 10px 0 0;

Width: 960px;

}

#header a {}

position: absolute;

Width: 940px; height: 250px;

}

#header has {span

display: none;

}

{#free-shipping}

background: transparent url(images/shipping-banner.jpg) top no-repeat;

Width: 960px; height: 50px;

padding-bottom: 20px;

float: left;

}

#free - shipping a {}

position: absolute;

Width: 940px; height: 46px;

}

#free - shipping a span {}

display: none;

}

left-ad # {}

background: transparent url(images/left-ad.jpg) top no-repeat;

Width: 460px; height: 132px;

padding-bottom: 20px;

margin-top: 20px;

float: left;

}

left-ad # a {}

position: absolute;

Width: 460px; height: 132px;

}

a span {left-ad #}

display: none;

}

right-ad # {}

background: transparent url(images/right-ad.jpg) top no-repeat;

Width: 460px; height: 132px;

padding-bottom: 20px;

float: right;

margin-top: 20px;

}

right-ad # a {}

position: absolute;

Width: 460px; height: 132px;

}

right-ad a span {#}

display: none;

}

/ * - Welcome banner-* /.

{#welcome banner}

background: url(images/welcome-bg.jpg) no-repeat scroll center top transparent;

float: left;

height: 128px.

margin: 15px 0 0 10px;

padding-bottom: 10px;

Width: 687px;

Display: inline;

}

#welcome - banner h1 {}

color: #523F29;

margin: 0;

padding: 0;

}

#welcome - banner p {}

color: #523f29;

Width: 650px;

margin-top: 10px;

}

#welcome - banner a {}

color: #523f29;

text-decoration: underline;

margin-top: 10px;

padding: 0 20px 10px 20px;

}

/ * - end welcome banner-* /.

/ * - End newsletter-* /.

{#social-media}

background: url(images/socialMedia-bg.jpg) no-repeat scroll center top transparent;

float: left;

height: 128px.

margin: 15px 0 0 20px;

Width: 220px;

Display: inline;

}

# media social .the-icon {}

display: inline;

float: left;

margin: 55px 0 0 18px;

padding: 0;

}

/ * - End newsletter-* /.

/ *-subpages-* /.

#main - content h1 {}

margin: 0 20px 20px 10px;

color: #0f0f0f;

}

/ * - image css machine-* /.

.thumbnails {}

display: block;

margin: 0 0 0 60px banner;

padding: 0;

Width: 230px;

}

.thumbnails li {}

Display: block;

float: left;

margin: 5px 5px 0 0;

padding: 0;

Width: 150px;

height: 150px;

text-align: center;

border: 1px solid #eeeeee;

cursor: pointer;

}

.thumbnails li span {}

Display: inline-block;

height: 100%;

text-align: center;

vertical-align: middle;

}

.thumbnails li img {}

vertical-align: middle;

}

{.swatches}

Display: inline;

margin: 0;

padding: 0;

}

. Swatches li {}

Display: block;

float: left;

margin: 4px 4px 0 0;

padding: 0;

Width: 50px;

height: 50px;

text-align: center;

border: 1px solid #eeeeee;

cursor: pointer;

}

. Swatches li span {}

Display: inline-block;

height: 100%;

text-align: center;

vertical-align: middle;

}

. Swatches li img {}

vertical-align: middle;

}

{.product-image-margin

height: 8px;

}

{.closeup}

position: absolute;

top: 150px;

Padding: 15px;

Background: #fff;

border: 3px solid #eaeaea;

text-align: center;

display: none;

z index: 9999;

min-width: 274px;

min-height: 274px;

border-radius: 5px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

box-shadow: rgba(0,0,0, 0.75) 0px 0px 25px;

-moz-box-shadow: rgba(0,0,0, 0.75) 0px 0px 25px;

-webkit-box-shadow: rgba(0,0,0, 0.75) 0px 0px 25px;

}

. CloseUp a {}

cursor: pointer;

position: absolute;

right:-15px;

top:-15px;

z index: 9999;

Color: #ff0000;

}

{#closeup - legend

margin: 15px 15px 0;

padding: 5px;

Police: "BOLD" 14px Arial, Helvetica, without serif.

color: #fff;

Background: #666;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

box-shadow: rgba(255,255,255, 0.75) 0px 0px 25px;

display: none;

}

{.closeup_backing}

position: absolute;

left: 0px;

Top: 0px;

Background: #000;

Background: RGBA (0,0,0,.6);

Filter:alpha(opacity=60);

Width: 100%;

z-index: 100;

}

. CTGY .product-details .product name.

. PLST .product-details .product name.

. SRCH .product-details .product-name {}

height: 40px;

}

Holy Mexican mole sauce! That's a lot of CSS code.

All you really need is this:

{body

Background: #2 c 2825 url(images/topBg-repeat.jpg) no repeat center top fixed;

}

See a live demonstration:

http://ALT-Web.com/demos/fixed-background.shtml

Nancy O.

ALT-Web Design & Publishing

Web | Graphics | Print | Media specialists

http://ALT-Web.com/

Tags: Dreamweaver

Similar Questions

  • CSS margin: 0 auto; not centering!

    Why isn't this centering?

    HTML code:

    < div class = "linkbtnwrp" > < a href = "#" > < div class = 'linkbtn-red' > tricks < / div > < /a > < / div >

    CSS code:

    {.linkbtnwrp}

    margin: 40px 40px auto;

    }

    {.linkbtn-Red

    font-size: 25px;

    do-family: 'Khand', Helvetica, Arial, sans-serif;

    Police-weight: 300;

    text-align: center;

    Color:RGBA (255,255,255,1.00);

    background-image: url (.. /images/Arrow-SML-White.svg);

    background-position: right Center;

    background-repeat: repeat no.;

    height: 40px;

    Width: 250px;

    padding: 5px;

    background - color:RGBA (194,40,33,1.00);

    -webkit-border-radius: 23px;

    border-radius: 23px;

    }

    a: hover {.linkbtn-Red

    Color:RGBA (230,230,230,1.00);

    background - color:RGBA (128,128,128,1.00);

    }

    I'm trying to focus the link by wrapping it with a div, of the class linkbtnwrp, and I'm sure it should work, but it is not, so I obviously missed something... could you throw you look above and let me know what you think I did, please?

    Thank you.

    Do not worry... I forgot to add the width of the linkbtnwrp class.

    TUT!

  • Page and background not centering

    I am a beginner CSS coder, so I don't know that I did something very stupid:

    I have a div wrapper, which is wide 850px. I set the margins to: 0 auto;

    It looks good on a Mac in Firefox or Explorer, but seen on IE 5 or 6 on a PC, the background image is disabled and the site is embedded left - not centered.

    My header div is 800px wide and centered, and my main contained dive is 800px centered, so the background image of the wrapper appear on the sides and top evenly.

    Here's the url: http://www.hudsontrailers.com

    Here's the css:

    {body
    background-color: #003300;
    Police-family: Palantino "Times New Roman", Times, serif;
    do-size: 1em;
    text-align: left;
    }

    {#wrapper}
    background-image: url (.. / images/bkgnd.jpg);
    background-attachment: fixed;
    Width: 850px;
    height;
    margin: 25px auto;
    Padding: 25px 0;
    }

    #header {}
    background-color: #003300;
    border-top: medium solid #FFFFFF;
    border-right: medium solid #FFFFFF;
    border-left: medium solid #FFFFFF;
    Width: 800px;
    margin: 0 auto;
    padding: 0;

    }
    #main {}
    Clear: both;
    background-image: url (.. / images/images/main_bkgnd.jpg);
    Width: 800px;
    Auto margin: 0;
    padding: 0;
    border-left: medium solid #FFFFFF;
    border-right: medium solid #FFFFFF;
    border-bottom: medium solid #FFFFFF;
    }

    Any help would be greatly appreciated.

    Problem solved...

    Added:

    position: absolute;
    left: 50%;
    margin left:-425px;

    to the div wrapper... all goes well now on IE 5 and 6.

    Discovered that I should not include your suggestion to:

    Body {text-align: center ;}}
    #wrapper {text-align: left ;}}

    Thanks a lot for your help!

  • Page not centering and background repeat question in Safari

    I've recently set up a new Web site. It seems to be working and displays well in IE, Chrome and FF. My problem is Safari. The page is not centering (go left) and I'm also having a problem with

    my footer div background image does not repeat. I'm sure it's something simple (that is to say: stupid) I did, but it just escapes me. The other interesting thing is that the background for the footer image

    (which is the image of grass) is actually 1024px wide but it does not fully display, or else it is compress. Here is a link to the Web site. Ideas are appreciated. I use Safari on iPad so

    What counts.

    www.cardinalwood.com

    Donna

    OK, first apology.  I know you said that you were done with it, but I didn't!  It's niggling at me as I read your post.

    If you are still interested, take a look at your page on my test site:

    martcol.co.UK/test/cardinalwood.html

    That's what I did (the CSS is in the head).  moved the footer to the container.  Added the image of the grass to the bottom of the body. tinkered with the width thing.  At the left off the bottom NAV margin.

    This last step to focus correctly. I also put text-align: center on the body.

    I think that's it.  It's rambling abit but makes it very well on my iPhone.

    I'll take the page down in a week or two. I hope you didn't do this to me.

    Martin

  • Advanced CSS Help!

    I use Dreamweaver CS5.5 under the master CS5.5 collection.

    On my site, I currently have a unique style sheet (named style.css) and it contains 7 styles (background, .networking, .header, .footer, .main, .mainround, .instruction).

    Each page is constructed as follows:

    background is applied

    . Networking is applied to a table top

    . Header is applied to a table under the table of .networking

    .main, .mainround, and/or .instruction is applied to one or more tables in the body of the site

    .footer is applied to the lower table

    What follows is the same on EVERY page of my site.

    The background style is applied to each page (is image background, background-scrolling: scroll; and background-repeat: no-repeat)

    The .networking table will be including links/scripts to share my site on social networking sites.

    .Header table contains my logo to the site as a good turnover 5 images/links.

    The table of .footer inludes rollover images/links.

    What I want to do:

    I want my 'main' style to include all information 4 supra styles in one.  For example, that I will not name the substance of style (in my style.css file).  When I apply the background to the body of my site, to hold this page now have my background and image parameters of the table network with links to work, the table header with my logo and animated buttons and tables of footer with my bearings.  Although nothing does appear in the tables and are contained in something else, that's good, as long as it is eficient and I get the desired style / effect!

    Currently everything is centered on the page with the car left and right margins, the top margin to keep everything in order and well spaced and no bottom margin.  I need these settings/styles to stay, and I need to be able to insert the content between the header and footer of my site.  If I need to exclude from the table footer, I understand, but I think that everything I want to do should be possible.

    Thank you for your help fellow forum users.  You have been an incredible help so far and I look forward to the day when I can actually meet someone any more questions!

    I want my 'main' style to include all information 4 supra styles in one.

    Can't happen, because in the styles that are applied to EVERYTHING, you have styles that should only be applied to certain elements on the page.  This is not to say that you can not improve and simplify your CSS-

    {body

    Width: 800px;

    background-color: #FFF;

    background-image: url(images/background.png);

    background-repeat: no-repeat;

    Auto margin: 0;

    padding: 0;

    }

    . Header {}

    top of the margin: 20px;

    }

    .footer {}

    height: 18px;

    margin-top: 10px;

    }

    .instruction {}

    do-family: 'Myriad Pro', arial, helvetica, sans-serif;

    font size: 24 PX.

    text-align: center;

    vertical-align: middle;

    padding: 5px;

    margin-top: 10px;

    }

    .main {}

    margin-top: 10px;

    do-size: 16px;

    }

    {.mainround}

    margin-top: 10px;

    border-radius: 20px;

    }

  • CSS rollover button does not

    I am trying to implement a method of changing the position of a background image. A Lite version works very well here:

    http://www.aptcoweb.com/dev/aptcoFluid/SimpleTest2.htm

    But it does not work when I plug here:

    http://www.aptcoweb.com/dev/aptcoFluid/Testindex4-14.htm

    I only tried to apply to the first question, but plan to use it for all buttons. All will have the same dimensions, so what is the most rational way to use the class and id for reducing duplication?

    You will need a separate for each button category, since you are using a different background image and positioning for each.

    Giving them that a better name would help, instead of .rollover, .rollover2, etc., I'd use .on. Home, .contact and so on.

    You could simplify your css by placing all the repetitive css on a large group selector...

    .contact, .in. Home, etc. {}

    height: xxx;

    Width: xxx;

    other repeatitive css attributes

    }

    Then your real reversal record would not be background information...

    .about {top center of background: url (youraboutpic.jpg);

    .about:hover {background: URL (youraboutpic.jpg) low center;

    .contact {top center of background: url (yourcontactpic.jpg);

    .contact:hover {background: URL (yourcontactpic.jpg) low center;

  • Faced with centered Background Image

    I have the code that I found always give me a background focused on a screen image.  It is based on the ideas presented here:

    http://supportforums.BlackBerry.com/T5/Java-development/MainScreen-explained/Ta-p/606644

    However, the code does not, at least not for me.

    I tried other variations as well, as the addition of another not VFM of scrolling, then adding data scrolling to the optimization of resources, but even this indirection suffers from the same problem.  Have two screenshots to show, the 'exclamation' should be at the centre according to me!

    Code follows.

    To illustrate the problem, just space out the field change with "entry" for more complete screen.  Then the same thing to one below the Bitmap and then scroll and down using the trackpad.  I suspect that you will see the problem.

    I saw this on OS 6.0 and 7.0 OS simulators.  Not tested on OS 5.0 and tested only on touchscreen devices.  I'll do some more tests later.

    Someone at - it suggestions on the subject of how we get the "centered" background Bitmap actually stay in the Center will still let me add lines to my editfields and scroll using the trackpad?

    Net.rim.device.api.system import. *;
    Net.rim.device.api.ui import. *;
    Net.rim.device.api.ui.component import. *;
    Net.rim.device.api.ui.container import. *;

    /**
    * A screen class to test background bitmap images.
    */
    SerializableAttribute public class BackgroundImageScreen extends screen
    {
    private int backgroundColor = 0x00FF0000;
    private bitmap _backgroundBitmap = Bitmap.getPredefinedBitmap (Bitmap.EXCLAMATION);
       
    Constructor
    public BackgroundImageScreen()
    {
    Super(Manager.USE_ALL_WIDTH |) Manager.USE_ALL_HEIGHT | Manager.NO_VERTICAL_SCROLL | Manager.NO_VERTICAL_SCROLLBAR);
    setTitle (new LabelField ("Background Image Demo"));
    VerticalFieldManager backgoundManager = VerticalFieldManager(Manager.USE_ALL_WIDTH | nouveau Manager.USE_ALL_HEIGHT |) Manager.VERTICAL_SCROLL | Manager.VERTICAL_SCROLLBAR) {}
    {} public void paintBackground (Graphics g)
    int currentVackgroundColor = g.getBackgroundColor ();
    try {}
    g.setBackgroundColor (backgroundColor);
    g.Clear ();
    } {Finally
    g.setBackgroundColor (currentVackgroundColor);
    }
    int managerWidth = this.getWidth ();
    int managerHeight = this.getHeight ();
    centerX = int (this.getWidth () - _backgroundBitmap.getWidth (()) 2.
    centerY = int (managerHeight - _backgroundBitmap.getHeight ()) 2.
    System.out.println ("current position:" + Integer.toString (centerX) + ":" + Integer.toString (centerY) +)
    ", Far manager:" + Integer.toString (managerWidth) + ":" + Integer.toString (managerHeight) + "."
    ", Manager virtual:" + Integer.toString (this.getVirtualWidth () + ":" + Integer.toString (this.getVirtualHeight () + "."
    ", ManagerScroll:" + Integer.toString (this.getHorizontalScroll () + ":" + Integer.toString (this.getVerticalScroll ())); "."
    g.drawBitmap (this.getHorizontalScroll () + centerX, this.getVerticalScroll () + centerY, _backgroundBitmap.getWidth (), _backgroundBitmap.getHeight (), _backgroundBitmap, 0, 0);
                       
    }
    };
    backgoundManager.add (new EditField ("scrolling test:", "Enter the text here to scroll"));
    backgoundManager.add (new SeparatorField());
    backgoundManager.add (new BitmapField (Bitmap.getPredefinedBitmap (Bitmap.QUESTION)));
    backgoundManager.add (new SeparatorField());
    backgoundManager.add (new EditField ("test an another parchment:", "Enter the text here to scroll"));
    This.Add (backgoundManager);

    }
    }

    Ahh, touch screens...

    I remember I had to invalidate the Manager paint extra stuff (vertical scroll bar in my case) in scrollChanged() specifically for touchscreen devices. So one thing to try is to implement ScrollChangeListener in your main screen or your added VFM and invalidate the VFM in scrollChanged. This should fix the problem, even if it will be a drop in performance.

    I suspect that the touchscreen devices have certain graphic hardware acceleration, which makes them more effective when scrolling but it lacks what BlackBerry stuff framework is not aware (for example your paintBackground according to the positions of scrolling).

    I'm curious to know what happens if you use setBackground on a scroll, no Manager and add the scroll with no bottom paint on top of it. setBackground, being a built-in could make better use of their hardware acceleration.

  • Time is not centered on the screen

    Since the upgrade to iOS 10 time is not centered when I turned my iPad to landscape mode.  It is shifted to the left, it's just something cosmetic but it is ugly.

    Apple has done that you think is because there is nothing of what everyone here, yourself included, can do about it.

    http://www.Apple.com/feedback/iPad.html

  • Somewhere, I messed up my permissions, turn off the computer to see if it helped, now will not start at all. The start bar stops a quarter turn along. I tried in SafeMode as well do. I ' on a Yosemite iMac running.

    Somewhere, I messed up my permissions, turn off the computer to see if it helped, now will not start at all. The start bar stops a quarter turn along. I tried in SafeMode as well do. I ' on a Yosemite iMac running. I can't enter to give more details. Can anyone help? There are a load of work due to deliver to the printing press Monday

    Have you tried to boot from the Partition Recovery and repair then the disc from there, using disk utility?

  • I can not print background images.

    I select print background images already. But I can not print background images yet. (mac firefox 19.0.2). Although I'm not this page (http://support.mozilla.org/en-US/kb/how-print-websites)
    Please advice me to [email protected]. Thank you.

    Same problem here. There was no picture printing problem until the upgrade. Now, they won't print and it's ruin how I run my entire business. Image logo printing on the packaging of the lists, codes bars printing of shipping labels. I deleted the cache and restarted. I also tried other browsers and is it not the problem.

    Any thoughts?

    Thank you!

  • I get download error messages, could not be opened beak helper app does not exist, chg association suggestions - what to do?

    I get - download error - / Users/ffrasher / / Desktop/Firefps
    3.6.13.dmg could not be opened, because the associated helper app does not exist. Changing the association in your preferences. I run MOSX 1.3.9 Firefox 2.0.0.20. What I can do to upgrade.

    Frank

    See:

  • I can NOT connect my Facebook account to make Yahtzee can access my contacts. He said that Facebook is not configured on this phone. ??? I have also a certificate has expired and do NOT know how to get a certificate of update. ?  Please Help, I have NOT b

    I can NOT connect my Facebook account to make Yahtzee can access my contacts. He said that Facebook is not configured on this phone. ??? What this mean and how can I solve this problem? I have also a certificate has expired and do NOT know how to get a certificate of update. ?  Please Help, I have NOT been able to get help from any of these Issuea. Very frustrated. Please contact me by txt on my iPhone 352-257-9403 if possible. Thank you for your support

    iOS 9.2.1

    certificate is daily horoscope

    wwhat the devil is and why it has expired?

  • I just ran the last update for my iPad and now it just continuously reboots to the black screen with the Apple Logo. Hard restarting does not help, neither do not connect the camera to MacBookPro. Any ideas?

    I just ran the last update for my iPad and now it just continuously reboots to the black screen with the Apple Logo. I left plugged in all night and still no change. Hard restarting does not help, neither do not connect the unit to aMacBookPro. When I do this, iTunes complains that it can not connect because the iPad 'expires '. Now it is disconnected, but I can't turn it off. Even close the lid will not extinguish it. Any ideas?

    Try the following. It seems yo may have to let the battery drain is completely:

    - iOS: do not respond or does not light

    -Also try DFU mode recovery mode post-test

    How to put iPod touch / iPhone in DFU "Karthik doodles."

    -If failed and that you cannot completely turn completely the iOS device, leave the battery to drain completely. After loading a hour repeat the foregoing.

    -Try a different cable

    -Try on another computer

    S ' there is still not successful that usually indicates a hardware problem and an appointment at an Apple store Genius Bar is in order.

    Shop Apple Store - Genius Bar

  • HELP & SUPPORT DOES NOT OPEN

    Help & Support does not open. I have the msg "...". a service system does not work. To resolve this problem, start the service named 'help and Support '.

    I can NOT open help and support in order to start the service.
    Can you please help?
    Thank you
    John

    Hello

    ·         Were there recent changes made on the computer before the show?

    To resolve this issue, start the Help and Support Center service and set it to automatic. Follow these steps:

    (a) click Start, run and type Services.msc

    (b) double click on help and Support

    (c) to set the startup type to Automatic

    (d) start the Service

    See also:

    Menu help and bootable media will not open

    http://support.Microsoft.com/kb/555329

    Registry warning

    To do: Important This section, method, or task contains steps that tell you how to modify the registry. However, serious problems can occur if you modify the registry incorrectly. Therefore, make sure that you proceed with caution. For added protection, back up the registry before you edit it. Then you can restore the registry if a problem occurs. For more information about how to back up and restore the registry, click on the number below to view the article in the Microsoft Knowledge Base:

    322756 (http://support.microsoft.com/kb/322756/)

    How to back up and restore the registry in Windows

  • my work of collapsed app coil system, help printer does not work

    my work of collapsed app coil system, help printer does not work

    Hello

    1. What is the brand and model of the printer?

    2. do you have an error message when you try to print?

    3. were there any changes (hardware or software) to the computer before the show?

    Perform the steps suggested by chan seen from the link below and see if it helps.

    http://social.technet.Microsoft.com/forums/en/itprovistaprinting/thread/460f297a-dd66-4476-A176-542e1519ca3e

    Hope this information helps.

Maybe you are looking for

  • Constant kernel panics?

    Hi all Until recently, I had a ton of kernel panics. Can someone help me and see what happens with my MacBook Pro? Thank you. Panic report *. panic (cpu 0 0xffffff80291d155a appellant): Kernel trap at 0xffffff8029170238, type 14 = page fault, registe

  • Help with SNMP

    I found an online library of SNMP vi that someone writes and I fight so he can work. I think I use them properly because I can get some OID to workand others do not return anything. OID.1.3.6.1.2.1.1.1.0 - works fine. It returns the same OID, the dat

  • Cannot install Java Version 6 Update 17

    Original title: Java problem! I need to run a payroll Web system and it needs of Java version 6 update 17 but my computer won't open the web page. I already disable other versions, restart the pc, download the right version several times and nothing!

  • Opening PowerPoint attachments in Windows Vista

    I have an attachment with a .pps extension.  When I click on the attachment, Windows Vista says "this file doesn't have a program with her code to perform this action.  Create an association in the control panel to define the Associations. "  How can

  • Upgrade Dell backup/restore

    I update the backup of windows 8 and recovery it does not have upgraded my laptop for windows 10 t - it? im not ready to upgrade to windows 10