Virtual Assistant Forums | Work from Home

Jill T · #1 (**permalink**) 01-30-2009

I'm banging my head against the wall.

I've created css bulleted lists which show up fine in IE, but for some reason the bullets do not show up in Firefox.

Has anyone ever come across this bizarre behavior? I'm guessing I need to tweak something in my main css file, but I've been sitting here for an hour trying different things and no luck.

Any helpful hints are much appreciated.

Codehead · #2 (**permalink**) 02-13-2009

Hey, can you post your CSS code here?

Jill T · #3 (**permalink**) 02-15-2009

Thanks for your response and thanks for any help you can lend!

Here is the css code:

Code:

/* Column left list */

.column-left ul {
margin: 10px 10px 10px 50px;
list-style-type: bullet;
}

.column-left ul li {
display: block;
}

.column-left ul li a, .column-left ul li a:visited {
color: #3A3A3A;
font-weight: normal;
text-decoration: none;
display: block;
padding: 10px 0;
border-bottom: 1px solid #CECECE;
}

.column-left ul li a:hover, .column-right ul li a.active {
color: black;
font-weight: bold;
border-bottom: 1px solid #00A7ED;
}

And, here is the html code on my page (which I'm guessing I'm not entering correctly based on my css code):

HTML Code:

<ul>
<li>Research<br>
<li>Registration<br>
<li>Travel Arrangements<br>
<li>Follow Up and Confirmations<br>
</ul><br>

Codehead · #4 (**permalink**) 02-16-2009

Jill,

The issue is in this rule:

Code:

.column-left ul li {
display: block;
}

Li's are already block elements so no need for this, remove it and the issue will be fixed.

Also, there is a problem in your code, you will have to properly close all your open tags, for example, I can't see any closing li tags </li>

The HTML should look like this:

HTML Code:

<ul>
<li>Research</li>
<li>Registration</li>
<li>Travel Arrangements</li>
<li>Follow Up and Confirmations</li>
</ul>

No <br>s necessary.

I hope this helps

Jill T · #5 (**permalink**) 02-16-2009

Thank you! Thank you! Thank you!

I made the changes you suggested and it worked like a charm.

I've been struggling with that issue for quite a while and I was getting very frustrated. The changes only took me a minute or two and the bullets now show up in Firefox.

Thanks again for taking the time to help me!

Virtual Assistant Forums | Work from Home

Website Coding

Stuck on a line of code? Find resources and post your coding questions here.

YOUR VIRTUAL ASSISTANT BUSINESS WEBSITE

Website Coding

[Problem] Bullets Not Showing Up In Firefox