New CSS Rollovers aligns not even like Image Rollovers - Dreamweaver CC

I've set up a test page replacing Javascript Image rollover CSS Image Rollovers and the alignment of the elements in the 3 columns (DIVS) is not the same as when reversals of old style. I can't find the error in my CSS and I would like another pair of eyes to see if I'm missing something. Here is the screenshot of the new Firefox page, followed by the CSS. Load images in #sidebar1 (left column), #sidebar2 (right column) and #MainContent. #MainContent appears off centered and #sidebar off margins are different. Any help would be greatly appreciated.

Screen Shot 2015-03-11 at 12.18.52 PM.png

CSS:

< style type = "text/css" >

<!--

{body

fonts: 81.3% Verdana, Arial, Helvetica, without serif.

Background: #666666;

margin: 0; / * It is advisable to zero, the margin and the filling of the body to hold element has a different default browser * /.

padding: 0;

text-align: center; / * This centers the container in IE 5 * browsers. The text is then set left aligned by default in the #container selector * /.

Color: #000000;

}

.oneColFixCtrHdr #container {}

Width: 780px;  / * using the less than a width 20px full 800px allows for chrome browser and avoids a horizontal scroll bar * /.

background: #FFFFFF;

margin: 0 auto; / * margins (in conjunction with a width) auto Center the page * /.

border: 1px solid #000000;

text-align: left; / * This setting overrides the text-align: center on the body element. */

}

.oneColFixCtrHdr #header {}

background: #DDDDDD;

padding: 0;  / * This filling is the alignment to the left of the items in the div that appear below. If an image is used in the #header instead of text, you can remove the padding. */

}

.oneColFixCtrHdr #header h1 {}

margin: 0; / * zero setting of the margin of the last element in the #header div tag will prevent the collapse of margin - inexplicable space between divs. If the div has a border around it, this isn't necessary, which also allows to avoid the collapse of margin * /.

padding: 10px 0; / * padding instead of margin will allow you to keep the edges of the div element * /.

}

{.oneColFixCtrHdr #mainContent

background: #FFFFFF;

Width: 200px;

margin-top: 0;

margin-right: auto;

left margin: auto;

margin-bottom: 0px;

}

.oneColFixCtrHdr # sidebar1″, #sidebar2 {#mainContent

text-align: center;

Width: 200px;

padding-top: 0px;

padding-right: 30px;

padding-bottom: 0;

padding-left: 30px;

}

.oneColFixCtrHdr #footer {}

padding: 0; / * This filling is the alignment to the left of the items in the div that appear above him. */

background: #CFAF86;

clear: both

}

.teammembers #nav #teammembers a {}

color: #FFF;

}

{.oneColFixCtrHdr #memberdues}

padding-right: 315px;

padding-left: 315px;

}

.oneColFixCtrHdr #footer p {}

margin: 0; / * zero setting the margins of the first element in the footer will avoid the possibility of the collapse of the margin - a space between the div tags * /.

padding: 10px 0; / * padding on that element will create space, just as it would the margin, free margin collapse question * /.

text-align: center;

letter-spacing: 4px;

}

#container #nav {}

line-height: 2em;

make-weight: normal;

background-color: #CFAF86;

text-align: center;

margin: 0px;

padding-top: 0px;

padding-bottom: 0px;

padding-right: 10px;

list-style-type: none;

padding-left: 10px;

}

#container #nav li {}

make-weight: bold;

display: inline;

padding-top: 0px;

padding-right: 10px;

padding-bottom: 0px;

padding-left: 10px;

}

#container #nav li a {}

Color: #000;

text-decoration: none;

}

#container #nav li a: hover {}

color: #FFF;

text-decoration: none;

}

{.renegadestext}

make-style: italic;

make-weight: bold;

Color: #000;

}

{.oneColFixCtrHdr #AboveMainContent}

padding-top: 0px;

padding-right: 20px;

padding-bottom: 0px;

padding-left: 20px;

}

.oneColFixCtrHdr #AboveMainContent h2 {}

text-align: center;

}

{.oneColFixCtrHdr #sidebar1}

background-color: #FFF;

float: left;

Width: 200px;

}

{.oneColFixCtrHdr #sidebar2}

background-color: #FFF;

float: right;

Width: 200px;

}

{#thomasbarber}

display: block;

Width: 150px;

height: 50px;

background-image: url(images/thomas_barber.gif);

background-repeat: no-repeat 0 0;

}

{#thomasbarber:hover}

background-position: 0px-50px;

}

#thomasbarber span {}

position: absolute;

top:-999em;

}

{#janetbarber}

display: block;

Width: 150px;

height: 50px;

background-image: url(images/janet_barber.gif);

background-repeat: no-repeat 0 0;

}

{#janetbarber:hover}

background-position: 0px-50px;

}

#janetbarber span {}

position: absolute;

top:-999em;

}

{#karenallen}

display: block;

Width: 150px;

height: 50px;

background-image: url(images/karen_allen.gif);

background-repeat: no-repeat 0 0;

}

{#karenallen:hover}

background-position: 0px-50px;

}

#karenallen span {}

position: absolute;

top:-999em;

}

{#davidboudreaux}

display: block;

Width: 150px;

height: 50px;

background-image: url(images/david_boudreaux.gif);

background-repeat: no-repeat 0 0;

}

{#davidboudreaux:hover}

background-position: 0px-50px;

}

#davidboudreaux span {}

position: absolute;

top:-999em;

}

{#melbahanna}

display: block;

Width: 150px;

height: 50px;

background-image: url(images/melba_hanna.gif);

background-repeat: no-repeat 0 0;

}

{#melbahanna:hover}

background-position: 0px-50px;

}

#melbahanna span {}

position: absolute;

top:-999em;

}

{#kentunderwood}

display: block;

Width: 150px;

height: 50px;

background-image: url(images/kent_underwood.gif);

background-repeat: no-repeat 0 0;

}

{#kentunderwood:hover}

background-position: 0px-50px;

}

#kentunderwood span {}

position: absolute;

top:-999em;

}

{#shawntrainor}

display: block;

Width: 150px;

height: 50px;

background-image: url(images/shawn_trainor.gif);

background-repeat: no-repeat 0 0;

}

{#shawntrainor:hover}

background-position: 0px-50px;

}

#shawntrainor span {}

position: absolute;

top:-999em;

}

{#eddieokonski}

display: block;

Width: 150px;

height: 50px;

background-image: url(images/eddie_okonski.gif);

background-repeat: no-repeat 0 0;

}

{#eddieokonski:hover}

background-position: 0px-50px;

}

#eddieokonski span {}

position: absolute;

top:-999em;

}

{#scotthartman}

display: block;

Width: 150px;

height: 50px;

background-image: url(images/scott_hartman.gif);

background-repeat: no-repeat 0 0;

}

{#scotthartman:hover}

background-position: 0px-50px;

}

#scotthartman span {}

position: absolute;

top:-999em;

}

{#titoescobar}

display: block;

Width: 150px;

height: 50px;

background-image: url(images/tito_escobar.gif);

background-repeat: no-repeat 0 0;

}

{#titoescobar:hover}

background-position: 0px-50px;

}

#titoescobar span {}

position: absolute;

top:-999em;

}

{#debbiehanna}

display: block;

Width: 150px;

height: 50px;

background-image: url(images/debbie_hanna.gif);

background-repeat: no-repeat 0 0;

}

{#debbiehanna:hover}

background-position: 0px-50px;

}

#debbiehanna span {}

position: absolute;

top:-999em;

}

{#robertbarber}

display: block;

Width: 150px;

height: 50px;

background-image: url(images/robert_barber.gif);

background-repeat: no-repeat 0 0;

}

{#robertbarber:hover}

background-position: 0px-50px;

}

#robertbarber span {}

position: absolute;

top:-999em;

}

{#gregallen}

display: block;

Width: 150px;

height: 50px;

background-image: url(images/greg_allen.gif);

background-repeat: no-repeat 0 0;

}

{#gregallen:hover}

background-position: 0px-50px;

}

#gregallen span {}

position: absolute;

top:-999em;

}

{#johnmcclung}

display: block;

Width: 150px;

height: 50px;

background-image: url(images/john_mcclung.gif);

background-repeat: no-repeat 0 0;

}

{#johnmcclung:hover}

background-position: 0px-50px;

}

#johnmcclung span {}

position: absolute;

top:-999em;

}

{#miketisdel}

display: block;

Width: 150px;

height: 50px;

background-image: url(images/mike_tisdel.gif);

background-repeat: no-repeat 0 0;

}

{#miketisdel:hover}

background-position: 0px-50px;

}

#miketisdel span {}

position: absolute;

top:-999em;

}

{#butchhanna}

display: block;

Width: 150px;

height: 50px;

background-image: url(images/butch_hanna.gif);

background-repeat: no-repeat 0 0;

}

{#butchhanna:hover}

background-position: 0px-50px;

}

#butchhanna span {}

position: absolute;

top:-999em;

}

{#kimberlyshepherd}

display: block;

Width: 150px;

height: 50px;

background-image: url(images/kimberly_shepherd.gif);

background-repeat: no-repeat 0 0;

}

{#kimberlyshepherd:hover}

background-position: 0px-50px;

}

#kimberlyshepherd span {}

position: absolute;

top:-999em;

}

{#katrinabartkowiak}

display: block;

Width: 150px;

height: 50px;

background-image: url(images/katrina_bartkowiak.gif);

background-repeat: no-repeat 0 0;

}

{#katrinabartkowiak:hover}

background-position: 0px-50px;

}

#katrinabartkowiak span {}

position: absolute;

top:-999em;

}

{#michelehartman}

display: block;

Width: 150px;

height: 50px;

background-image: url(images/michele_hartman.gif);

background-repeat: no-repeat 0 0;

}

{#michelehartman:hover}

background-position: 0px-50px;

}

#michelehartman span {}

position: absolute;

top:-999em;

}

{#aliciaallen}

display: block;

Width: 150px;

height: 50px;

background-image: url(images/alicia_allen.gif);

background-repeat: no-repeat 0 0;

}

{#aliciaallen:hover}

background-position: 0px-50px;

}

#aliciaallen span {}

position: absolute;

top:-999em;

}

{#melissalockwood}

display: block;

Width: 150px;

height: 50px;

background-image: url(images/melissa_lockwood.gif);

background-repeat: no-repeat 0 0;

}

{#melissalockwood:hover}

background-position: 0px-50px;

}

#melissalockwood span {}

position: absolute;

top:-999em;

}

{#rustyhanna}

display: block;

Width: 150px;

height: 50px;

background-image: url(images/rusty_hanna.gif);

background-repeat: no-repeat 0 0;

}

{#rustyhanna:hover}

background-position: 0px-50px;

}

#rustyhanna span {}

position: absolute;

top:-999em;

}

{#karenbarber}

display: block;

Width: 150px;

height: 50px;

background-image: url(images/karen_barber.gif);

background-repeat: no-repeat 0 0;

}

{#karenbarber:hover}

background-position: 0px-50px;

}

#karenbarber span {}

position: absolute;

top:-999em;

}

{#chrishillman}

display: block;

Width: 150px;

height: 50px;

background-image: url(images/chris_hillman.gif);

background-repeat: no-repeat 0 0;

}

{#chrishillman:hover}

background-position: 0px-50px;

}

#chrishillman span {}

position: absolute;

top:-999em;

}

{#frankmarshall}

display: block;

Width: 150px;

height: 50px;

background-image: url(images/frank_marshall.gif);

background-repeat: no-repeat 0 0;

}

{#frankmarshall:hover}

background-position: 0px-50px;

}

#frankmarshall span {}

position: absolute;

top:-999em;

}

{#dorisboudreaux}

display: block;

Width: 150px;

height: 50px;

background-image: url(images/doris_boudreaux.gif);

background-repeat: no-repeat 0 0;

}

{#dorisboudreaux:hover}

background-position: 0px-50px;

}

#dorisboudreaux span {}

position: absolute;

top:-999em;

}

{#johnburkett}

display: block;

Width: 150px;

height: 50px;

background-image: url(images/john_burkett.gif);

background-repeat: no-repeat 0 0;

}

{#johnburkett:hover}

background-position: 0px-50px;

}

#johnburkett span {}

position: absolute;

top:-999em;

}

{#lisaburkett}

display: block;

Width: 150px;

height: 50px;

background-image: url(images/lisa_burkett.gif);

background-repeat: no-repeat 0 0;

}

{#lisaburkett:hover}

background-position: 0px-50px;

}

#lisaburkett span {}

position: absolute;

top:-999em;

}

{#andreagordon}

display: block;

Width: 150px;

height: 50px;

background-image: url(images/andrea_gordon.gif);

background-repeat: no-repeat 0 0;

}

{#andreagordon:hover}

background-position: 0px-50px;

}

#andreagordon span {}

position: absolute;

top:-999em;

}

{#jeffwilliams}

display: block;

Width: 150px;

height: 50px;

background-image: url(images/jeff_williams.gif);

background-repeat: no-repeat 0 0;

}

{#jeffwilliams:hover}

background-position: 0px-50px;

}

#jeffwilliams span {}

position: absolute;

top:-999em;

}

{#taylordavis}

display: block;

Width: 150px;

height: 50px;

background-image: url(images/taylor_davis.gif);

background-repeat: no-repeat 0 0;

}

{#taylordavis:hover}

background-position: 0px-50px;

}

#taylordavis span {}

position: absolute;

top:-999em;

}

{#leearnold}

display: block;

Width: 150px;

height: 50px;

background-image: url(images/lee_arnold.gif);

background-repeat: no-repeat 0 0;

}

{#leearnold:hover}

background-position: 0px-50px;

}

#leearnold span {}

position: absolute;

top:-999em;

}

->

< / style >

Oops, looks like you do not have the text-align: center in your sidebar, all classes you need to do is pass the display: block display: Inline-block for all these id'd tags to get centered.

Tags: Dreamweaver

Similar Questions

Maybe you are looking for

  • Where can I get a keyboard for Satellite P300 - 1 9 framework?

    Anyone know where I can get a keyboard for a P300 - 1 9 framework?I tried Ebay and searched the net but could not find one for a P300.Any help would be welcome.Thank you all.

  • Random numbers appearing in messages

    I am running Firefox 4.0.1 on 64-bit Windows 7 and every time that I post on a forum or send a Gmail account, it adds random numbers at the end of my entry. I tried using Chrome and it doesn't do this, what's the problem?

  • USB 160GB HDD - Satellite P10-304 doesn't see 127.9 GB

    Can someone help please, I bought a new 160 GB Seagate Momentus HDD. I put in a USB enclosure and connected, but when I go to Paragon Disk Copy he can see a disc unformatted 127.9 GB. If I right click on 'My Computer' and use 'Manage', it says I have

  • Satellite A205: New HDD - error after recovery

    I replaced the hard drive in the Satellite A205 and used the Toshiba Recovery and disc drivers/Application to re - install the drivers and Windows Vista. However, when the recovery ends and the windows starts for the first time, I get a message: Wind

  • Graphics card is dying

    Hello forums HP,. 5 years ago, I bought a desktop computer (Windows 7 x 64, Phenom II x 6 1045 t processor software) HP of your site. The graphics (GeForce GT 420) is dying and has been dying since the beginning of this year. I'd be surprised if it l