...

View Full Version : simple list borking up the first <li> tag (firefox)



Wynter_Z
10-20-2006, 07:43 PM
Okay, I'm not seeing why this isn't working. It looks fine in IE, but in Firefox, the first list item is treating every blank space between characters as a break. Every list item after it is displaying correctly.

Simple html list in a div


<div id="recent">
<ul>
<li><a href="/user/4">another item with a long title</a><br/>0 days, 2 hours ago</li>
<li><a href="/user/4">another item with a long title</a><br/>0 days, 4 hours ago</li>
<li><a href="/user/4">another item with a long title</a><br/>1 day, 2 hours ago</li>
</ul>
</div>


css


#recent{
padding-bottom: 1em;
font-family: ariel, helvetica, sans-serif;
color: #ffffff;
font-size: 11px;
width:100%;
top:1em;
position:relative;
}

#recent ul{
margin-left:4.5em;
text-align:left;
* margin-left:9em;
}

#recent ul li{
color:white;
padding:5 20 10 0;
}

#recent ul li a{
color:#fff8aa;
text-decoration:none;
}

Wynter_Z
10-20-2006, 08:15 PM
I fixed it. I added white-space:nowrap; to the li css.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum