There's several things that are a bit untidy. You might try changing the "width" statement in this section and see if it helps:
original code:
h2
{
border: #FFFFFF 3px ridge;
border-left: ##FFFFFF 3px ridge;
border-right: ##FFFFFF 3px ridge;
border-top: ##FFFFFF 3px ridge;
font-size: 35px;
font-family: Harlow Solid Italic;papyrus,Enviro, lucida handwriting,verdana,andy,duchess;
font-weight: bold;
text-align: center;
letter-spacing: 10px;
padding-top: 10px;
padding-bottom: 10px;
width : 700px;
margin-left: auto;
margin-right: auto;
To:
- Code: Select all
width: 80%;
position: relative;
If all fails, you can always change this to 100% and the text should center with the box going all the way across.
Then...
In the div statement (div,th,tr,td,table,font,li,ul,form,blockquote,font,span,center,P,b,i,H1,h2,h3,h4,h5) Change it as such:
- Code: Select all
DIV,TH,TR,TABLE,FONT,LI,UL,form,
BLOCKQUOTE,P,B,I,H1,H2,H3,H4,H5,font,CENTER
EDIT: Never mind on this, I overlooked you'd added the center within it....
I'll keep looking as time permits, or maybe someone else (Flemming, maybe
) will check too.
Note- be sure and keep a copy of your original in case something goes wrong. Sometimes we have to compromise, since IE reads coding differently.
Hope it helps,
tom