I though I was starting to get the hang of this, but Mozilla is not reading external style sheet. It works fine in IE.

This is what i have:
<link rel="stylesheet" href="style2.css" type="text/css">

I tried to import, didn't make a difference.

Here is my stylesheet:

BODY {
margin: 1px;
background-image: url('background2.jpg');
background-repeat:no-repeat;



#titlepic {
position:absolute;
top: 25px;
left: 10px;
z-index: 1
}

#sidebar {
position:absolute;
top:15px;
left:1px;
width:40%;
height:100%;
background-color:#cccc99;
z-index:-3;

}

#titlebar {
position:absolute;
left:200px;
width:70%;
top: 15px;
z-index: -1;
height: 50px;
border-top: 10px solid #996600;
border-bottom:1px none black;
border-right: 1px none black;
border-left: 1px none black;
height: 49px;
font-family: Arial;
font-size:24pt;
font-weight: bold;
color: black;
background-color: #cccc99;
text-align:center;

}

#maincontent {
position:absolute;
left:200px;
width:70%;
border-top: 10px none #996600;
border-bottom:1px none black;
border-right: 1px none black;
border-left: 1px none black;
font-family: arial;
font-color: black;
font-size: 12pt;
background-color:#FFFFCC

}

#bottomcontent {
position:absolute;
left:200px;
top:475px;
width:70%;
border-top: 10px none #996600;
border-bottom:1px none black;
border-right: 1px none black;
border-left: 1px none black;
background-color:#FFFFCC;
}

#picture1 {
top:155;

position:absolute;
right:30px;


#picture2

}

.menulink {


position:relative;

left: 0px;
top: 50px;
display: block;
width: 140px;
text-align: left;
text-decoration: none;
font-family:arial;
font-size:16px;
font-weight: bold;
color: Black;
BORDER: none;
border: solid 1px black;
background-color: #FFFFCC;

}

.menulink:hover {
border: solid 1px #FFFFCC;
background-color:#ff9900;
}


h1 {
font-family:Arial;
font-size: 18pt;
font-weight:bold;
}


#bottomcontent h1 {
font-colorink;
}



Any help would be greatly appreciated

oh website in profile

Your first BODY{ declaration has no } that's why it's not working.

from what you posted, seems like you are missing a curly brace after the "BODY" part.

BODY {
margin: 1px;
background-image: url('background2.jpg');
background-repeat:no-repeat;
}

Thanks, I can't believe I didn't see that. I will not tell how much time I spent looking for this. I feel soo stupid. I really appreciate it. It is reading now but the site is all jumbled in Mozilla. Hey at least It is reading the external sheet now.


JR

opps It's all jumbled in IE too. O well back to work.

Well it seems that all the positioning was off due to the missing bracket. I just had to redo the positioning. Now there is a small diff. between IE and Mozilla.