CMS Made Simple Forums

The bullets on my page are displaying incorrectly.  The appear to be skipping lines. (See attached images)

The wysiwyg displays properly.  The HTML looks correct.  And the CSS seems correct.

Any idea why the bullets might be displaying in this manner?

Thanks,
CH

Hi

Give us an example of your css or more details of your problem (wich browser...)

in the  meantime, maybe this link can help you : http://css.maxdesign.com.au/listamatic/

Using IE 7

=================

list portion of CSS:

/* LISTS */
/* lists in content need some margins to look nice */
div#main ul,
div#main ol,
div#main dl {
   font-size: 1.0em;
   line-height: 1.4em;
   margin: 0 0 1.5em 0;
}

div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}

/* definition lists topics on bold */
div#main dl dt {
   font-weight: bold;
   margin: 0 0 0 1em;
}
div#main dl dd {
   margin: 0 0 1em 1em;
}

div#main dl {
  margin-bottom: 2em;
  padding-bottom: 1em;
  border-bottom: 1px solid #c0c0c0;
}


/* END LISTS */

==========================

HTML:



Large inventory to better serve your plumbing and mechanical needs


Stocks all types of valves:


Ball-valve


Gate-valve


Gas-valve


Monitor-valve




Stocks all types of pipes and fittings:


sch-40 & sch-80 Black


sch-40 Galvanize


sch-40 & sch-80 PVC Plastic


Stainless-Steel


Ductile-Iron


Cast Iron




Registered Hot Spa Show Room


Distributor for Delta Faucets, A.O. Smith Water Heaters, Jacuzzi Whirlpool and many more


Distributor for Nyadic Sewer Treatment Systems


Registered York Dealer


Registered dealer for Carrier Air Conditioning and Temp-Star Air Conditioning


Offers a delivery service to supply your material needs on a daily basis

I'll tell you w/o looking at the CSS that you shouldn't have divs in there, li are lists and all text in them will align left, unless you specify otherwise in CSS and divs have an inherent space around them...