Themes

Posted by Piers Young 04 May 2005 12:44 GMT-0000

Hi
Not a whizz at CSS. Have been fiddling around with a new layout derived from moreneat.css, but while it seems fine in IExplorer 6, the top bit gets mangled in Mozilla browsers.

(By mangled, I mean the header gets encroached on by the content from the middle section)

I think? this is the relevant bit of the css file - am I making a stupid mistake? Well - I know I am, but could someone show me where?

Thanks very much

Piers

/* This is the header */
DIV#tiki-top {
background-color: #99CCCC;
background-image: url(mothershare/top_bg.jpg);
background-repeat: repeat-x;
color: #CCCC99;
height: 12px;
padding-right: 0px;
font-size: 10px;
padding-bottom: 1px;
border-bottom: 3px solid #000000;
margin-top: 0px
}

DIV#tiki-top a {
color: #000000;
font-weight: bold;
text-decoration: none;
}
DIV#tiki-top-menu {
background-color: #CCCC99;
background-image: url(mothershare/top_bg2.jpg);
background-repeat: repeat-x;
color: #436976;
height: 21px;
text-align:right;
padding-right: 10px;
padding-bottom: 2px;
font-size: 10px;
margin-bottom: 21px;
}

.tikitopmenu {
color: black;
font-size: 9px;
text-decoration: none;
}

.tikitopmenu2 {
color: black;
font-size: 10px;
text-decoration: none;
}

DIV#usermenu {
background-color: white;
border-bottom: 1px solid #8CACBB;
color: black;
padding-right: 10px;
padding-bottom: 2px;
font-size: 10px;
}