Problem: Div placement is different in IE6 than in Firefox 2.0.0.6. (Don't have IE7 - am assuming it works like 6 or FF - so if it's fixed for them, 7 won't be an issue.)

Test is at: www.dvmvac.com/REDESIGNnew/test.html and
CSS is: DVMcss.css but specific 'rules' are internal to test.html.

As you can see, when a div is used, the 'box' is placed at the left in FF (which I think is correct), but is centered in IE6.

After many many tries, couldn't figure out how to fix it so made the two paragraphs into two <p>'s - one with a top border and the other with a bottom border (I know, I know ... not good practice - especially for extensibility -- but it works).

Does anyone know how to fix the div problem (so I can drop the top/bot <p>'s)?

If you're talking the top box, you're missing an opening <p> tag in it.

The bottom box is centered in both FF and IE7.

The reason the div wouldn't center in FF (or IE7), is because you used text-align: center - which works fine for IE 6, but in FF and IE 7 (and other standards-compliant browsers) it will NOT, all it does is center align what's INSIDE the div.

To center a div for any browser but IE 6, you need to add margin: 0 auto; to the rules for the div you wish to center.

So in order to center a div for all browsers, you need both the text-align:center and the margin: 0 auto;

The zero indicates top and bottom margin so you can change that as needed. The "auto" indicates right and left margins and you have to have a defined width on the box/element you want centered.