http://www.mimistillman.org/dolcesuono
In Firefox, the bullets show up and everything is fine. In IE, the alignment is fine but the bullets have disappeared. What gives?
Here is the index.html BODY Dolce Suono Chamber Music Concert Series Concert Season Musicians Reviews Photos Dolce Suono Chamber Music Concert Series is a 501(c)(3) non-profit organization.
Dolce Suono "sweet sound" (Dante)
Here is the CSS
body
{
background-color:#EED8AE;
text-align:center;
}
div.contentdiv
{
width:660px;
border:0px;
margin-left:auto;
margin-right:auto;
}
div.maindivleft
{
width:274px;
height:515px;
text-align:center;
float:left;
}
div.maindivright
{
height:475px;
width:510px;
overflow:auto;
float:left;
color:white;
text-align:center;
}
p.pmainright
{
margin-left:50px;
margin-right:5px;
margin-top:0px;
text-align:center;
font-family:Times New Roman, Verdana;
font-size:12pt;
color:white;
}
p.reviewsp
{
margin-left:50px;
margin-right:20px;
margin-top:0px;
margin-bottom:0px;
text-align:center;
font-family:Times New Roman, Verdana;
font-size:12pt;
color:white;
}
p.biop
{
margin-left:50px;
margin-right:20px;
margin-top:0px;
margin-bottom:0px;
text-align:left;
font-family:Times New Roman, Verdana;
font-size:12pt;
color:white;
}
p.menup
{
font-size:18pt;
color:#CC1100;
font-family:Edwardian Script ITC, verdana;
font-weight:bold;
}
a.links
{
color:white;
text-decoration:underline;
}
a.links:hover
{
color:silver;
text-decoration:none;
}
ul.sweet
{
width:600px;
font-family:Perpetua, verdana;
color:navy;
font-size:14pt;
}
li.sweeter
{
text-align:left;
font-family:Perpetua, verdana;
color:#cc1100;
font-size:12pt;
}
h2.sweet
{
font-family:Perpetua, verdana;
color:navy;
font-size:14pt;
}
p.c3501
{
text-align:center;
color:navy;
font-size:10pt;
font-family:Perpetua, verdana;
}
any assistance is greatly appreciated!
Add
Add margin:0;padding-left:20px; in ul.sweet
(or margin:0;padding:0 0 0 20px;)
Thank you very much! It was
Thank you very much! It was driving me crazy.
Can you provide the "theory" behind why I needed the padding-left:20px and margin:0?
Controlling margin/padding
Controlling margin/padding is a good idea as by default one browser uses margin-left for the bullet and the other one uses padding-left...