Well everyone,
Out of all the troubles and problems and such that I've been having, I decided with each one of those to just move around them or forget about trying to do what I wanted to do.
It comes down to this thing though that I didn't notice before. My site has larger text. I know the issue IE has with resizing text and all, so I use % instead of em.
But that's not my problem (I think). My problem is that the headers become larger along with the text! I had them all set to be 100%, thinking that'd fix it. However, when viewing the headers like h4 in particular, it shows the header to be very much larger than it should be.
I've been trying to figure out the percentages for each of the headers, but can't find it. Then I realized that will not fix matters because it will be relevant to the containing div which has a font of 150%.
Can anyone please tell me, is there a way to keep the headers at their normal size?
This is the css concerning sizing and all:
[HTML]
/*Main Text Area*/
.maintext {
font-size: 150%; /*Use percent instead of em, due to IE bug*/
}
.maintext h1, .maintext h2, .maintext h3, .maintext h4, .maintext h5, .maintext h6 {
font-size: 100%;
text-align: center;
}
[/HTML]
I truly appreciate the help in this, especially to those who have been helping me!
~Michael