treehouse : what would you like to learn today?
Web Design Web Development iOS Development

help with in firefox and opera

  • My site is http://www.photobyiris.com . I am having trouble getting an <ul> to display correctly in firefox and opera. The page in question is the services page. Here is the code

    div#dropin div#content ul li
    {
    font-family:tahoma, arial, sans-serif;
    font-size:13px;
    text-decoration:none;
    color:#95602F;
    list-style-image:url(images/bullet_img.png);
    margin:10px 0 0 25px;
    padding:2px;
    background-color:#411603;
    width:150px;
    text-align:center;
    }

    <div id="dropin">
    <div id="content">
    <ul>
    <li>Portfolio Enhancement</li>
    <li>Before & Afters</li>
    <li>Progression Photos</li>
    <li>Fine Art Prints</li>
    </ul>
    </div>
    </div>
  • How would you like it to display? You have a text-align:center; on your UL which is making the list appear uneven - other than that I don't see a problem.
  • I agree with box. Maybe you can give the ul a width and hight to make it even better?
  • I want it to display the way it does in I.E 7