FN-FORUM: Another CSS question

date posted 23rd August 2003 15:44

I'm wrestling with CSS again today and I'm having trouble finding a good
explanation of how to acheive what I want. Once again I'm finding that
IE renders 'as intended' but Moz and Firebird render differently. I'm
guessing that I've got the wrong end of the stick about inheritance.

I'm trying to put two hyperlinks in a pink box - here's the code:

Here's the relevant code in my stylesheet:

.shoutsmaller {
color: #000000;
font-size: 1.1em;
font-weight: bold;
}

div.boxbottom {
background: #EE88EE;
padding: 15px;
}

And here's what's on the page:


Back to main page
Links


In IE, the text appears inside the pink box. In Moz and Firebird, it
appears below the box. Dur?? I'm quite obviously misunderstanding a key
point of CSS, can anyone give me a clue?

Cheers,
Chrid


--
http://www.chridmeister.co.uk
"Always a few gears short of a ninja death robot"