Browsers and positioning

Hi--

Making my first attempt at CSS positioning, and having some cross-browser
issues.  The page in question is at
http://www.visionsites.net/test/sample.html

The problem seems to be with the <.h1> and <.p> tags.  IE6 gives me the
closest to what I want, but the text runs off the right side of the page. 
NN4 does something similar, and NN7.1 puts the <.h1> and <.p> content on
top of each other, higher and to the left of where I want it.  The
relevant css is:

.p {
color : #ffffee;
font-family : verdana, arial, helvetica, sans-serif;
font-size : 12px;
text-align: left;
line-height: 16px;
position: relative;
top: 80px;
left: 130px;
margin-right: 120px;
margin-bottom: 80px;
}

.h1 {
color : #ffffee;
font-family : verdana, arial, helvetica, sans-serif;
font-size : 15px;
text-align: left;
position: relative;
top: 110px;
left: 130px;
z-index: +1;
}

I've gotten this far mostly by trial and error, but now I'm stuck.  If you
have any suggestions, please reply both personally and to the list since
I'm on the digest version.  Thanks!

Debbie O'Meara

VisionSites Web Design.
Professional, affordable Web sites in English and Spanish.
www.visionsiteswebdesign.com

HWG hwg-style mailing list archives, maintained by Webmasters @ IWA