FireFox displaying slogan wrong [#252498]

Looks great in IE, but Firefox is breaking up my slogan into four lines.
Figured I'd make the slogan short and sweet: "All business - All green"
I did have to play with the location to see it at all - because my site title is a little long -
Supermarket Green News!
But I have room out to the right, so I did this to styles.css …

#header #site-slogan {
position:absolute;
z-index:2;
top:20px;
left:510px;
color:#bdd2be;
font-size:14px;
font-weight:600;
margin:0;
padding:0;
letter-spacing:1px;
text-align:left;
}

Like I said, works great in IE. Any suggestions?

Comments

Comment #1

jamescarvin CreditAttribution: jamescarvin commented 29 April 2008 at 04:56

Assigned:	Unassigned	» jamescarvin
Status:	Active	» Fixed

OK, I fixed it.

Foxfire needed to see a right side tag and Pleroma didn't provide it. So I had to override the sitelogo block with a min-width:750; line in order to prevent site-slogan from wrapping or hiding the text. yippeeeeee - problem solved!!

The tweeked code for the logotitle block needs to be …

#logotitle {
float:left;
height:80px;
overflow:visible;
padding-left:10px;
position:relative;
min-width:750px;
z-index:1;
}

And of course the end code for the slogan block is …

#header #site-slogan {
position:absolute;
z-index:2;
top:26px;
left:545px;
color:#bdd2be;
font-size:12px;
font-weight:700;
margin:0;
padding:0;
letter-spacing:1px;
text-align:left;
font-style:italic;
}