Problem with CSS

I have 2 problems. Firstly, in page PrivacyInfo.aspx or ConditionsInfo.aspx, I could not use <ul><li></li></ul>. When I preview in VS2008SP1, it displays as it should be. However, when I upload to my server or start debug (F5), It lost format. It only displayed correctly with tag <br>. I check again. It seems that CSS prevents to display bullet list. I'm using IE7. Secondly, in main.master, I added

<td valign="top" style="background-image:url('App_Themes/publicStore/images/MainLeft.jpg');background-color:Transparent">

above

<div class="ColumnLeft"

. When I click any link out side CategoryNavigation area, this image background displayed correctly as I expected. However, when I click any category link in CategoryNavigation area, ColumnLeft went back to white background. Please help me how to work around with these 2 problems.

Well, for the second problem. I should use

'/App_Themes/publicStore/images/MainLeft.jpg');

. It works. I still don't know how to slove the problem about <ul><li></li></ul>. Does anybody know?

Hi lovevhvlove,
edit the style for ul and li from the file App_Themes\publicStore\reset-fonts-grids.css

Hi qais,
Thanks for your reply. I delete ul,li,ol in App_Themes\publicStore\reset-fonts-grids.css. So I think no CSS for them at all. Unfortunately, the problem still the same. They are still in long text and separate by <br>.
I want like this
[quote]
1. Rule 1
2. Rule 2
3. Rule 3
[/quote]
it always like this
[quote]
Rule 1
Rule 2
Rule 3
[/quote]

Personally I would delete the entire reset-fonts-grids.css. It will not be there in the next release anyway and it will save you a few headaches.

Cheers,
Ben

Thank for reply. Unfortunately, the problem is still there eventhough I delete entire reset-fonts-grids.css. I think I have to use <b> and <br> to work around with it.

add this to the style sheet"

.ProductDetailsInfo .fulldescription .li-s
{
  margin-left:40px;
  list-style-type:square;  
}

.ProductDetailsInfo .fulldescription .li-d
{
  margin-left:30px;
  list-style-type:disc;  
}

.ProductDetailsInfo .fulldescription .li-c
{
  margin-left:20px;
  list-style-type:circle;  
}


in code:

<ul>
    <li class="li-s">Material</li>
    <li class="li-s">Rental</li>
    <li class="li-s">Other</li>
    <li class="li-s">Sub-Contract</li>
    <li class="li-s">Labor</li>
    <li class="li-s">Miscellaneous</li>
    <li class="li-s">Freight</li>
  </ul>

Hope this helps.

Hi ASP5. Thanks a lot. It works now.