FN-FORUM: cms problem

date posted 1st August 2007 08:55

I can't get this right in Firefox. In IE you can click on September, October
2005, 2006 etc but not in Firefox

Thanks
Pam









Oswestry School Template




#diary {
background-image: url("../../images/");
background-repeat: no-repeat;
background-position:280px 0px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
height:232px;
float:left;
background-color:#ffffff;
width:50%;
}

#magazine {
background-image: url(../../images/);
background-repeat: no-repeat;
background-position:280px 0px;
padding:0px 0px 0px 0px;
margin:1% 0px 0px 1%;
height:600px;
float:left;
width:50%;
}






function PopupPic(sPicURL) {
window.open("../../php/image.php?"+sPicURL, "",
"resizable=1,HEIGHT=200,WIDTH=200");
}





var opt = new OptionTransfer("list1","list2");
opt.setAutoSort(true);
opt.setDelimiter("");
opt.setStaticOptionRegex("^(Bill|Bob|Matt)$");
opt.saveRemovedLeftOptions("removedLeft");
opt.saveRemovedRightOptions("removedRight");
opt.saveAddedLeftOptions("addedLeft");
opt.saveAddedRightOptions("addedRight");
opt.saveNewLeftOptions("newLeft");
opt.saveNewRightOptions("newRight");









Michaelmas
SeptemberOctoberNovemberDecember 2005 | 2006 | 2007

2005 | 2006 | 2007
2005 | 2006 | 2007

2005 | 2006 | 2007



Lent
JanuaryFebruaryMarch 2006 | 2007 | 2008

2006 | 2007 | 2008
2006 | 2007 | 2008




Trinity
AprilMayJuneJulyAugust 2006 | 2007 | 2008

2006 | 2007 | 2008
2006 | 2007 | 2008

2006 | 2007 | 2008
2006 | 2007 | 2008












Little Explorers
Nursery



Reception - Year
4


Years 5-11


Sixth Form



Boarding








Home

About Us
Headmaster's
Desk

Admissions

Facilities

Activities

History


Appeal

Old
Oswestrians

Hire the School
OO 600 Centenary
Events
Recital
Series
Links and Resources


Contact Us



Manage User Accounts






Disclaimer
Logout










Diary, News and Events

Virtual Tour


Shop


Transport



Homework






Click here to add a new diary, news or
events
item

Amend or delete diary items below for August



Trinity August 2007Sunday 19th August 2007CricketOswestry Cricket Club v
Oswestry Martyrs, Oswestry Cricket Club, Morda Road, 1.00pmUpdateDeleteMonday 20th August
2007EFLIntensive English Language Summer SchoolUpdateDelete
 










This is the cms file



/* CSS Document */

body {
background-color: #FFFFFF;
margin: 0px;
background-image:url(../images/leftBG.gif);
background-repeat:repeat-y;
}

#container {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;

}

#header {
position:absolute;
top:0;
left:0;
height: 100px;
width: 100%;

float:left;
background-color: #962E33;
}

#left {
width: 152px;
background-color: #EEE1DB;

float:left;

}

#right {
float:right;
width: 125px;
float: right;
background-color: #ffffff;


}

#copyContainer {
position:absolute; top:100; right:125px; display:block; width:100%;
margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
}


#diarycopy {
display:block;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #000000;
padding:10px 0px 0px 2%;
margin:0px 0px 0px 0px;
width:32%;
float:left;
top: 100px;
position: relative;
background-color: transparent;

left: 39%;
}

#diarycopy table td {
padding:0px 5px 0px 0px;
font-size: 0.8em;
}

#diarycopy a {
color:#2e6996;
text-decoration:underline;
}

#diarycopy a:hover {
color:#a04247;
text-decoration:underline;
}



#copy1 {

font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
color: #000000;
padding:10px 0px 0px 10px;
margin:0 0 0 0;
background-color:white;
float:left;
height:294px;
width:60%;
}

#copy2 {
padding:0px 0px 0px 0px;
margin:0 0 0 0;
background-color:white;
float:left;
height:294px;
width:60%;
}

#copy1 ul {
list-style-type:none;
margin-left:30px;
}

#copy1 li {
list-style-type:none;
padding-left:20px;
}
#copy {
display:block;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #000000;
padding:10px 0px 0px 0px;
margin:0px 0px 0px 0px;
background-color: transparent;
float: left;
width:32%;
position: relative;
top: 100px;
left: 39%;
}
#copy table{

font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
color: #000000;
padding:0;
margin:0 0 0 0;
background-color:white;
float:left;
width:100%;
}

#copy a {
color:#2e6996;
text-decoration:underline;
}

#copy a:hover {
color:#a04247;
text-decoration:underline;
}
#copy ul {
list-style-type:none;
margin:0px 0px 0px 18px;
padding:0;
list-style-position: outside;
list-style-image: url(../images/bullet.gif);
}
#copy li {
padding:0px 0px 0px 0px;
}

#listCopy {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #000000;
padding:10px 0px 0px 2%;
margin:0px 0px 0px 0px;
background-color:#fff;
width:32%;
display:block;
position: relative;
top: 100px;
left: 39%;

}

#listCopy ul {
padding:0;
margin:0;
width:100%;
display:block;
float:left;
}

#listCopy li {
padding:10px;
display:block;
float:left;
width:31%;
}

#listCopy li a{
color:#000000;
text-decoration:none;
}

#listCopy li a:hover{
color:#962e33;
text-decoration:underline;
}

#term {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
font-weight:bold;
color: #000000;
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 280px;
height:294px;
display:block;
background-color: #C3C9D6;
border-top:1px solid #fff;
top: 100px;
}

#term ul {
padding-top:0px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
margin:0px;
list-style-type:none;
float:left;
}

#term li {
padding:1px 0 1px 0px;
}

#term a {
color: #122E63;
text-decoration:none;
}

#term a:hover {
color: #ffffff;
text-decoration:none;
}


ul.monthWidth {
width:62px;
}

.TrinityYear {
width:167px;
background-color: #C3C9D6;
padding-left:5px;
padding-top:5px;
padding-bottom:5px;
float:left;
clear:both;
border-bottom:1px solid #fff;
}

.MichaelmasYear {
width:167px;
background-color: #C3C9D6;
padding-left:5px;
padding-top:5px;
padding-bottom:5px;
float:left;
clear:both;
border-bottom:1px solid #fff;
}

.LentYear {
width:167px;
background-color: #C3C9D6;
padding-left:5px;
padding-top:5px;
padding-bottom:5px;
float:left;
clear:both;
border-bottom:1px solid #fff;
}


.future {
padding-left:5px;
padding-top:50px;
padding-bottom:0px;
color: #122E63;
}

.past {
padding-left:5px;
padding-top:5px;
padding-bottom:0px;
color: #122E63;
}

#date {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #962e33;
padding:5;
text-decoration:none;
text-align:center;
}

#footer {
width:100%;
clear:both;
height:50px;
background-color:#ff0000;
}


#footerLeft {
width:155px;
padding:20px 5px 0px 5px;

}

#footerLeft a {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #962e33;
text-decoration:none;
padding:5px 0px 5px 0px
}

#footerLeft a:hover {
color:#002c62;
text-decoration:underline
}



h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.3em;
font-weight: bold;
color: #952E33;
padding-top:10px;
padding-bottom:5px;
margin:0px;
}

h1 a{
color: #952E33;
text-decoration:none;
}

h1 a:hover{
color: #002C62;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
color: #952E33;
margin:0px 0px 5px 0px;
text-decoration:none;
}

h2 a{
text-decoration:none;
}



#newsBox {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
color: #000000;
float:left;
display:block;
margin:294px 0px 0px 0px;
padding:10px 0px 0px 290px;
background-image:url(../images/leftBG.gif);
background-position:125px 0px;
background-repeat:repeat-y;
background-color:#ffffff;
}

#newsBox table {
font-size:1em;
}

#newsBox ul {
width:100%;
margin:0px 0 0 0px;
padding:10px 0 0px 10px;
display:block;
float:left;
}

#newsBox li {
padding:0px 3px;
margin:0px;
display:block;
float:left;
width:100px;
overflow:hidden;
height:130px;
}

#newsBox a{
color: #000000;
text-decoration:none;
}

#newsBox a:hover{
color: #962E33;
text-decoration:underline;
}

#OldNewsBox {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
color: #000000;
float:left;
display:block;
margin:294px 0px 0px 0px;
padding:10px 0px 0px 290px;
background-image:url(../images/leftBG.gif);
background-position:125px 0px;
background-repeat:repeat-y;
background-color:#ffffff;
}

#OldNewsBox table {
font-size:1em;
}

#OldNewsBox ul {
width:100%;
margin:0px 0 0 0px;
padding:10px 0 0px 10px;
display:block;
float:left;
}

#OldNewsBox li {
padding:0px 3px;
margin:0px;
display:block;
float:left;
width:100px;
overflow:hidden;
height:130px;
}

#OldNewsBox a{
color: #000000;
text-decoration:none;
}

#OldNewsBox a:hover{
color: #962E33;
text-decoration:underline;
}

#EmailBox {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
color: #000000;
float:left;
display:block;
margin:294px 0px 0px 0px;
padding:10px 0px 0px 290px;
background-image:url(../images/leftBG.gif);
background-position:125px 0px;
background-repeat:repeat-y;
background-color:#ffffff;
}

#EmailBox table {
font-size:1em;
}

#EmailBox ul {
width:100%;
margin:0px 0 0 0px;
padding:10px 0 0px 10px;
display:block;
float:left;
}

#EmailBox li {
padding:0px 3px;
margin:0px;
display:block;
float:left;
width:100px;
overflow:hidden;
height:130px;
}

#EmailBox a{
color: #000000;
text-decoration:none;
}

#EmailBox a:hover{
color: #962E33;
text-decoration:underline;
}

#OldExtraNewsBox {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
color: #000000;
float:left;
display:block;
margin:294px 0px 0px 0px;
padding:10px 0px 0px 290px;
background-image:url(../images/leftBG.gif);
background-position:125px 0px;
background-repeat:repeat-y;
background-color:#ffffff;
}

#OldExtraNewsBox table {
font-size:1em;
}

#OldExtraNewsBox ul {
width:100%;
margin:0px 0 0 0px;
padding:10px 0 0px 10px;
display:block;
float:left;
}

#OldExtraNewsBox li {
padding:0px 3px;
margin:0px;
display:block;
float:left;
width:100px;
overflow:hidden;
height:130px;
}

#OldExtraNewsBox a{
color: #000000;
text-decoration:none;
}

#OldExtraNewsBox a:hover{
color: #962E33;
text-decoration:underline;
}

#diaryBox {
font-family: Arial, Helvetica, sans-serif;
color: #000000;
width:100%;
float:left;
margin:0px;
padding-top:10px;
padding-left:5px;
background-color: #ffffff;
}

#diaryBox ul {
padding:0px;
margin:0px;

}

#diaryBox li {
padding:0px 3px;
margin:0px;
display:inline;
float:left;
width:100px;
overflow:hidden;}

#diaryBox a{
color: #000000;
text-decoration:none;
}

#diaryBox a:hover{
color: #962E33;
text-decoration:underline;
}

#newsMonths {
float:left;
margin:294px 0px 0px 0px;
padding:0px 0px 0px 280px;
background-image:url(../images/leftBG.gif);
background-position:125px 0px;
background-repeat:repeat-y;
background-color:#ffffff;

font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
color: #000000;
text-align:center;
font-weight:bold;
}

#listMonths {
padding-top:20px;
}

#newsMonths ul {
padding:0px;
margin:0px;

}

#newsMonths li {
padding:0px 0px 0px 0px;
margin:0px;
display:inline;
float:left;
width:70px;
height:70px;
background-color:#C3C9D6;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #FFFFFF;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;

}

#newsMonths a{
vertical-align:20px;
color: #000000;
text-decoration:none;
}

#newsMonths a:hover{
color: #962E33;
text-decoration:underline;
}

#newsMonths li.archive {
background-color:#002C62;
color: #ffffff;
text-decoration:none;
}


#newsMonths li.archive a{
color: #ffffff;
text-decoration:none;
}

#newsMonths li.archive a:hover{
color: #C3C9D6;
text-decoration:underline;
}

#newsPhotos {
font-family: Arial, Helvetica, sans-serif;
font-size:0.7em;
font-weight:bold;
color: #000000;
padding:0px 0px 0px 0px;
margin:0px 125px 0px 155px;
}

#newsPhotos ul {
width:100%;
padding:10px 10px 0px 10px;
margin:100px 0px 0px 0px;

}
#newsPhotos a{
color: #000000;
text-decoration:none;
}

#newsPhotos a:hover{
color: #962E33;
text-decoration:underline;
}

#sitePlan {
font-family: Arial, Helvetica, sans-serif;
font-size:0.7em;
font-weight:bold;
color: #000000;
padding:10px 0px 10px 10px;
margin:100px 125px 0px 155px;
}

#row {
height:auto;
width:64%;
float:left;
display:block;
}

#col {
float:left;
display:block;
width:30%;
height:auto;
margin:0px 10px 0px 0px;
}


#virtualTour {
font-family: Arial, Helvetica, sans-serif;
font-size:0.7em;
color: #000000;
float:left;
margin-top:10px;
padding-left:5px;
}

#virtualTour ul {
padding:0px;
margin:0px;

}

#virtualTour li {
padding:0px 3px;
margin:0px;
display:inline;
float:left;
width:80px;
}

#virtualTour a{
color: #000000;
text-decoration:none;
}

#virtualTour a:hover{
color: #962E33;
text-decoration:underline;
}

#tour {
background-image: url(../images/oswestrymap1.jpg);
background-repeat: no-repeat;
background-position: top left;

padding:0px 0px 0px 0;
margin:0 0 0 0;
height:294px;
float:left;
background-color:#ffffff;
width:100%;
}

#news img.image {
padding:0px;
margin:0px;
}

#flags {
width:145px;
background-color:#EEE1DB;
margin:0px 0px 0px 5px;
padding:10px 0px 0px 0px;
text-align:center;
}

#flags img.flag {
padding-left:5px;
}

#flags img.flagFirst {
padding-left:0px;
}

#flags a {
color:#962e33;
text-decoration:none;
}

#flags a:hover {
color:#002c62;
text-decoration:none;
}

#leftNav {
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
font-family: Arial, Helvetica, sans-serif;
background-color: #EEE1DB;
font-size: 0.7em;
font-weight: bold;
position:absolute;
top:100px;
left:0px;
width:155px;

}

#leftNav ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}

#leftNav li {
border-bottom: 1px solid #ffffff;
margin: 0;
}

#leftNav li.first {
border-bottom: 1px solid #ffffff;
border-top: 1px solid #ffffff;
margin: 0px;
}


#leftnav li a {
display: block;
padding: 3px 0px 3px 5px;
margin: 0px 0px 0px 0px;
background-color: #962e33;
color: #fffde8;
text-decoration: none;
width: 155px;
height:16px;
}

html>body #leftNav li a {
width: auto;
}

#leftNav li a:hover {
background-color: #EEE1DB;
color: #962e33;
}

#leftSubNav {
font-family: Arial, Helvetica, sans-serif;
background-color: #EEE1DB;
font-weight: bold;
padding-left: 0px;
border-bottom: 1px solid #ffffff;
width:155px;
}

#leftSubNav ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#leftSubNav li {
border: 0px;
margin: 0;

}


#leftSubNav li a {
display: block;
padding:3px 0px 3px 5px;
background-color: #EEE1DB;
color: #962e33;
text-decoration: none;
width: 150px;
}

html>body #leftSubNav li a {
width: 150px;
}

#leftSubNav li a:hover {
color: #ffffff;
}


#rightNav {
padding: 10px 0px 0px 0px;
margin-bottom: 0px;
font-family: Arial, Helvetica, sans-serif;
background-color: #ffffff;
font-size: 0.7em;
font-weight: bold;
position:absolute;
top:100px;

width:125px;
}

#rightNav ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#rightNav li {
border-bottom: 1px solid #ffffff;
margin: 0;
}

#rightNav li.first {
border-bottom: 1px solid #ffffff;
border-top: 1px solid #ffffff;
margin: 0;
}


#rightNav li a {
display: block;
padding: 0px 0px 10px 0px;
background-color: #ffffff;
color: #002c62;
text-decoration: none;
width: 125px;
text-align:center;
}

html>body #rightNav li a {
width: 125px;
}

#rightNav li a:hover {
background-color: #ffffff;
color: #C4C9DD;
}

#rightSubNav {
font-family: Arial, Helvetica, sans-serif;
background-color: #C4C9DD;
font-weight: bold;
padding:0px 0px 0px 0px;
border-bottom: 1px solid #ffffff;
width: 125px;
text-align:center;
}

#rightSubNav ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#rightSubNav li {
border: 0px;
margin: 0;
width: 125px;
text-align:center;
}


#rightSubNav li a {
display: block;
padding:2px 0px 2px 5px;
background-color: #C4C9DD;
color: #002c62;
text-decoration: none;
width: 125px;
text-align:left;
}

html>body #rightSubNav li a {
width: 125px;
}

#rightSubNav li a:hover {
color: #002c62;
}

/* CSS Document */

#topNavContainer {
position:absolute;
left:0px;
top:0px;
display:block;
float:left;
height:100px;
width:100%;
padding:0 px 0 0px;
margin:0 0px 0 0px;
white-space: nowrap;
overflow:hidden;
border:none;
font-family:Arial, Helvetica, sans-serif;
color:#FFFDE8;
font-size:0.7em;
}

#logo {
display:block;
float:left;
height:95px;
width:155px;
background-color: #962E33;
padding:0 0 0 0;
margin:0px 0px 0px 0px;
border:none;
}

#topNav {
display:block;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FFFDE8;
text-decoration:none;
float:left;
height:95px;
border-left: 1px solid #FFFDE8;
padding:0 0 0 0px;
margin:0px 0px 0px 0px;
overflow:hidden;
width:15%;
}

#topNav ul {
overflow:hidden;
margin:5px 0px 0 0;
padding:0px 0 0 0px;
height:70px;
background-color:#EEE1DB;
}

#topNav li {
width:19%;
padding:3px 0 0 4px;
margin:0;
height:12px;
color:#962E33;
}

#topNav li a {
color:#962E33;
text-decoration:none;
}
#topNav img.pic {
margin:5px 0 0 0;
padding-left:0px;
}

#topNav a {
color: #FFFDE8;
text-decoration:none;
}

#topNav a:hover {
color: #ffffff;
text-decoration:none;
}

h3 {
font-size: 1.1em;
padding:5px 0 0 5px;
margin:0;
}


/*background Images*/
#homePage {
background-image: url(../images/homeImages/rotate.php);
background-repeat: no-repeat;
background-position: 155px 0px
}

#historyPage {
background-image: url(../images/historyImages/rotate.php);
background-repeat: no-repeat;
background-position: 155px 0px
}

#aboutus {
background-image: url(../images/aboutus.jpg);
background-repeat: no-repeat;
background-position: 155px 0px
}

.map {
border-left-width: medium;
border-left-style: solid;
border-left-color: #FFFFFF;

}

#magList ul {
padding:5px 0 0 0;
margin:0;
}

#magList ul li{
padding:10px 0 0 0;
background-color:962E33;
margin:0;
}

#magList li {
font-weight:bold;
color:#ffffff;
padding:0 0 0 0;
margin:0;
display:inline;
width:75px;
height:20px;
background-color:962E33;
float:left;
text-align:center;
border-right-width: thin;
border-right-style: solid;
border-right-color: #FFFFFF;
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
}

#magList a {
color:#ffffff;
}

.boldBTN {
background-image: url(../images/boldBTN.gif);
background-repeat: no-repeat;
background-position: left top;
height: 22px;
width: 22px;
border: none;
}

.italicBTN {
background-image: url(../images/italicBTN.gif);
background-repeat: no-repeat;
background-position: left top;
height: 22px;
width: 22px;
border: none;
}

.numberBTN {
background-image: url(../images/numberBTN.gif);
background-repeat: no-repeat;
background-position: left top;
height: 22px;
width: 22px;
border: none;
}

.listBTN {
background-image: url(../images/listBTN.gif);
background-repeat: no-repeat;
background-position: left top;
height: 22px;
width: 22px;
border: none;
}

.btn {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.85em;
font-weight: bold;
color: #ffffff;
width:40px;
height:20px;
border:none;
background-color:#962e33;
}

hr {
height:2px;
width:90%;
color:#962E33;
margin-top:10px;
}

img.more {
float:left;
}
.error {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
color: #FF0000;
}