CSS and non IE browser troubles...
I've recently got around to working on an site using CSS... the first one I've worked out that won't be using tables for the layout. All was going great and smooth until I started testing my test page in browsers other than IE6. In Netscape and Mozilla things go to poo. Content that is supposed to span "100%" spans off the page to the right and ends seemingly randomly (other "100%" content won't span exactly as far as another)... if that makes sense.
Here's an example of what the style sheet looks like:
Code:
.textcontent {
color: #000000;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
text-align: justify;
background-color: #BFBFBF;
padding: 20px;
width: 100%;
border-top: solid 1px #000000;
border-left: solid 2px #000000;
border-right: solid 2px #000000;
border-bottom: solid 1px #000000;
}
.textheadline1 {
background-color: #B3B3B3;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
text-align: left;
font-weight: bold;
padding: 10px;
width: 100%;
border-bottom: solid 1px #000000;
border-left: solid 2px #000000;
border-right: solid 2px #000000;
border-top: solid 2px #000000;
}
Anything in the code above that would work in some browsers and not others? The book I've been using as reference seems to imply there shouldn't be a problem... but this is a really cheap book, lol.
The page in question is located here: http://www.deuterium.cc/shoot_naked/
Thanks in advance, and bear with my CSS new-ness :)
