Link to home
Start Free TrialLog in
Avatar of Bill Sullivan
Bill SullivanFlag for United States of America

asked on

CSS Problems in Firefox, Chrome and Safari - Working in IE8

Hi Experts:
I have an unordered list on my website and I use graphics for my bullets.  It displays fine in IE8, but not in Firefox, Safari or Chrome.  I've attached my simple CSS statement and screenshots of the list in IE and in Firefox.  Any help would be appreciated! User generated image User generated image
.post_text_grey ul { 
	list-style-image:url(images/check.png);
	vertical-align:middle;
	}

Open in new window

Avatar of stergium
stergium
Flag of Greece image

try adding this .
list-style-type:square;
and please feedback.
Avatar of McOz
McOz

Try putting the url in quotes:
.post_text_grey ul {  
        list-style-image:url("images/check.png"); 
        vertical-align:middle; 
        }

Open in new window


That is the official method, which all major browsers should support.
Cheers
Avatar of Bill Sullivan

ASKER

@sterglum & McOz:  Neither of these solutions changed the display.
Its hard to guess much further without seeing your HTML code... It could be a selector issue as well, maybe FF etc don't even recognise the list as IE does.

Is there an accessible dev page for your site? Or can you post the HTML?

THanks
Here is the HTML that calls the CSS.
<div id="righthalf">
              <div class="section_half">
                <div class="section_title_half">With ProjecTracker&trade; you can . . .</div>
                <div class="post_text_grey">
                  <div class="list">
                    <ul>
                      <li>
                      Create accurate estimates in minutes, not days!</li>
                        <li>Eliminate costly estimating mistakes </li>
                        <li>Access data from any computer</li>
                        <li>Eliminate your boneyard and increase your profits</li>
                        <li>Increase staff productivity</li>
                        <li>Eliminate tedious, error-prone transfer of data between programs</li>
                        <li>Never lose your data to a hard-drive crash or fire</li>
                        <li>Measure roofs from the ground or on the roof</li>
                        <li>Import data from satellite measurement services</li>
                       <li>Deliver accurate proposals to homeowners within minutes</li>
                    </ul>
                  </div>
                </div>
                
                <div class="section_bottom_half"></div>
              </div>
            </div>

Open in new window

ASKER CERTIFIED SOLUTION
Avatar of McOz
McOz

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
That fixed it!  Thanks.