vertical alignment for the LI tags

Hi,
I am trying to make the LI tags within the UL to aligned the text to the left.
If I have one line text then its coming up OK - however for the mulitple lines its not aligning th text vertically.
Please can someone advise?
Please visit the html page from the link and I am referring to this section

"Each gift box contains:"

on the page

Each gift box contains:
http://www.groomup.com/www/giftnew/index2.html

Open in new window

dairaAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

EyalCommented:
remove list-style-position from the css
0
dairaAuthor Commented:
Hi,

I am referring to thsi section

    *
          o Welcome Letter
          o Your Gift Explained
          o Online registration details Online registration details
          o Cast Lists
    *
          o Welcome Letter Online registration details
          o Your Gift Explained
          o Online registration details
          o Cast Lists


Please check  the

o Welcome Letter Online registration details

from the right side LI tag

I am not using that property row-list class
thanks
0
LZ1Commented:
Can you show us an image of what it's supposed to look like? I've seen it in FF and IE and the only difference is in FF the list has the disc's for images.
0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

dairaAuthor Commented:
Hi,
Please check the attached
Thanks
vertical-aligned-for-multiple-li.GIF
0
EyalCommented:
.col-list ul li {
    float: left;
    list-style: none outside none;
    margin-right: 12px;
    padding: 0;
    text-align: left;
    width: 250px;
}

.row-list ul li {
    color: #666666;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    list-style-position: outside;
    list-style-type: disc;
    margin-left: 14px;
    padding: 0;
    white-space: pre-wrap;
}
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
dairaAuthor Commented:
Thanks
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Languages and Standards

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.