Fix Bullet List Left Margin on Product Description Page

Hi,

This is my test page: http://www.nokoria.com/up2date/index.php?main_page=product_info&products_id=182

The bullet is on top of the border line. How can I fix this?

Thank you,

I am not sure but try some like this:

.biggerText ul {
margin-left:2px;
}

because the ul take a ul atribute from another part.
if your try this maybe change

I am new in css and php but I hope this can be help you

Try the following in you stylesheet and adjust the other styles.

#productDescription li {
    background-color: background; /* only for visual help in test */
    list-style-type: none; /* to disable the bullet point */ 
    margin-left: 2em;
}

And the suggestion from @ jgamio also works if change the ul to li. :smile:

.biggerText li {
margin-left:2px;
}

Thank you for the quick replies.

I tried this

#productDescription li {
margin-left: 2em;
}

and this

.biggerText li {
margin-left:2px;
}

Both of them works on Firefox, but not on IE. It's always IE... Any more suggestion?

Thank you,

It is a great different between FF and IE6. :(
Had tried the following and separated them to adjust each other.

#productDescription li {
	background-color: beige;  /* for test only */
        margin-left: 2em;
        _margin-left: 24.5em; /* For IE only, but will cause validation error */
	list-style: square;
} 

For pass validation, may try the following and with same result.

#productDescription li {
	background-color: beige;  /* for test only */
        margin-left: 2em;
	list-style: square;
}

/* For IE6 only */
* html #productDescription li {
	background-color: yellow;  /* for test only */
        margin-left: 24.5em;
	list-style: square;
}

seethrou:

It is a great different between FF and IE6. :(
Had tried the following and separated them to adjust each other.

For pass validation, may try the following and with same result.

#productDescription li {
background-color: beige; /* for test only */
margin-left: 2em;
list-style: square;
}

/* For IE6 only */

• html #productDescription li {
  background-color: yellow; /* for test only */
  margin-left: 24.5em;
  list-style: square;
  }

seethrou, it works now.... Thank you so much!!!!!!!!!!!

You are welcome! :smile:

And glad to hear you have the problem solved. :smile:

bye,

.