Hello everyone,

NEWBIE ALERT!!!


I want to create a bit of space in between the floated images and the unordered list elements (if I choose to use one for page content) on pages like this one. You'll notice that the bullets for the list-items are protruding into the image. There appears to be something in my lp.css style sheet that prevents me from adding a margin. Maybe my target is not properly set up for the lists' styles. The problem most likely is somewhere contained in the .floatLeft, .floatRight, or the .articletext classes. I don't know.

Code:
.floatLeft > ul li, .floatRight > ul li{padding-left:20px; margin-left:10px;}
ul{padding:6px 0;}
The style sheet is available on the linked page, but I'll post it in its entirety on this thread just to make it more easy for everyone.

Code:
@charset "utf-8";
/* Landing Page Style Sheet */

*{
    font-family:"Times New Roman", Times, serif;
    padding:0;
    margin:0 auto;
}
body{
    background-image:url("lpbg.gif");
    background-position:50% 0;
    background-attachment:fixed;
    margin-top:15px;
}
#bgtop{
    background-image:url("lpheader.gif");
    background-repeat:no-repeat;
    width:960px;
    height:60px;
}
#bgmid{
    background-image:url("lpbody.gif");
    background-repeat:repeat-y;
    width:960px;
    padding:1px 0;
}
#bgbotm{
    background-image:url("lpfooter.gif");
    background-repeat:no-repeat;
    width:960px;
    height:90px;
}

/* lpcontent is the content area.  The negative top and bottom margins extend #lpcontent over #bgtop and #bgbotm. */
#lpcontent{
    width:796px;
    padding:0px;
    margin:-31px auto -70px;
	position:relative;
}

/* lptitle contains the section icon and header title */
#lptitle{
    height:60px;
    overflow:hidden;
}
.sectionicon{
    height:60px;
    width:60px;
    float:left;
    margin:0px;
}

h1{
    position:relative;
    margin:8px 0 0 20px;
    padding:0 3px 0 3px;
}
h1{
    float:left;
    text-align:left;
    font-size:25px;
    background:url("lpheaderbody.gif") repeat-x scroll 0 0;
    width:auto;
    height:35px;
    text-shadow:1px 1px 1px #030;
    letter-spacing:1px;
}
h1:after{
    content:" ";
    background:url("lpheaderend.gif") no-repeat 100% 0;
    height:35px;
    right:-14px;
    position:absolute;
    top:0;
    width:14px;
    z-index:1;
}
h1:before{
    content:" ";
    background:url("lpheaderstart.gif") no-repeat 0 0;
    height:35px;
    left:-14px;
    position:absolute;
    top:0;
    width:14px;
    z-index:1;
}

.headtitle{
    padding-top:4px;
    padding-bottom:2px;
    margin:0px;
}
.headtitle span{
    border-bottom:2px groove #000;
    font-style:italic;
    font-size:14pt;
    line-height:1;
	font-weight:bold;
}

.floatRight,
.floatLeft{
    overflow:hidden;
    margin:8px 0;       /* vertical margin between content sections */
}
.floatRight img{
    float:right;
    margin-left:4px;
	border:3px inset #000;
}
.floatLeft img{
    float:left;
    margin-right:8px;
	border:3px inset #000;
}

p{
    padding:0;
    margin:0;
}
p + p {margin-top:4px;}

/* bottomlink contains the h2 link */
#bottomlink{
    overflow:hidden;
    padding-top:16px;
    padding-left:130px;
}

h2 a{
    position:relative;
    margin:0px 0 0px 20px;
    padding:1px 1px 0 1px;
}
h2 a{
    color:#009;
    text-shadow:1px 1px 1px #000;
}
h2 a{
    float:left;
    font-size:30px;
    font-style:italic;
    font-weight:bold;
	letter-spacing:1px;
    text-align:center;
    width:auto;
    height:44px;
    background:url("lplinkbody.gif") repeat-x scroll 0 0 transparent;
}
h2 a:before{
    content:" ";
    background:url("lplinkstart.gif") no-repeat 0 0;
    height:44px;
    left:-14px;
    position:absolute;
    top:0;
    width:26px;
    z-index:1;
}
h2 a:after{
    content:" ";
    background:url("lplinkend.gif") no-repeat 100% 0;
    height:44px;
    right:-14px;
    position:absolute;
    top:0;
    width:26px;
    z-index:1;
}
h2 a:hover{color:#FFF; text-decoration:none;}
h2 a:hover:before{
    content:" ";
    background:url("lplinkstartafter.gif") no-repeat 0 0;
    height:44px;
    left:-14px;
    position:absolute;
    top:0;
    width:26px;
    z-index:1;
}
h2 a:hover{
    float:left;
    font-size:30px;
    font-style:italic;
    font-weight:bold;
    text-align:center;
    width:auto;
    height:44px;
    background:url("lplinkbodyafter.gif") repeat-x scroll 0 0 transparent;
}
h2 a:hover:after{
    content:" ";
    background:url("lplinkendafter.gif") no-repeat 100% 0;
    height:44px;
    right:-14px;
    position:absolute;
    top:0;
    width:26px;
    z-index:1;
}

/* lpfoot contains the Mailing List box and the Back To nav links */
#lpfoot{
    /*overflow:hidden;*/
    padding-top:20px;      /* set space beneath the Quotes link here */
	position:relative;
}
#emailbox{
    float:left;
    height:54px;
    width:216px;
    position:relative;
    overflow:hidden;
    margin:0px 0 0 60px;
}
#emailbox label,
#emailbox label span{
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    height:54px;
    width:216px;
    text-align:center;
    font-size:20px;
}
#emailbox label span{
    background:url("sectionemailbox.gif") no-repeat 0 0;
}
#go{
    width:130px;
    margin:30px 0 0 19px;
}
#emailbox input{
    position:relative;
    z-index:1;
}
.submit{
    overflow:hidden;
    margin:26px 0 0;
}

#submissionform{
	margin:0 auto;
	background:url("lpsubmission.gif") no-repeat scroll 50% 0 transparent;
	width:330px;
	height:320px;
	position:absolute;
	display:none;
	bottom:80px;
	left:220px;
	z-index:2;
	padding:60px 10px 0 26px;
	text-align:left;
}
#submissionform div{padding-bottom:3px;}

.fixedwidth{
	width:150px;
	float:left;
}
.inputwidth{width:160px;}
.required{color:red;}

.formsubmitbutton{margin-left:50px; margin-top:10px;}

#errormessage{color:red; height:40px; padding:0 24px 4px 0; margin-right:10px; font-weight:bold; font-size:15px;}
#errormessage p{margin:0; padding:0;}
#errormessage a{color:#09C;}
#errormessage a:hover{color:#0CC; text-decoration:none;}

#successfulsubmit{
	margin:0 auto;
	background:url("lpsubmissionsuccess.gif");
	width:450px;
	height:130px;
	position:absolute;
	display:none;
	bottom:268px;
	left:175px;
	z-index:3;
}
#successfulsubmit p{
	margin:0;
	padding-left:27px;
}
#successfulsubmit h3{
	margin:0;
	text-align:left;
	padding:15px 0 2px 13px;
	text-shadow:1px 1px 1px #0C3;
}
#successfulsubmit h4{
	color:red;
	font-weight:bold;
	margin:0;
	font-size:14px;
	padding:10px 14px 0 0;
	text-align:right;
}

#blackoverlay{
    display:none;
    position:fixed;
    top:0%;
    left:0%;
    width:100%;
    height:100%;
	min-width:1171px;
	min-height:1010px;
    background-color:black;
    z-index:2;
    -moz-opacity: 0.8;
    opacity:.80;
	filter:alpha(opacity=80);
}

.floatLeft > ul li, .floatRight > ul li{padding-left:20px; margin-left:10px;}
ul{padding:6px 0;}

#spamtext{padding:2px 0 2px 0; margin:0;}
#math{font-weight:bold; text-align:center;}
#addition{width:50px;}

#invalidemail{background:url("invalidemail2.gif") no-repeat scroll 50%; width:140px; height:40px; position:absolute; top:35px; left:94px; z-index:0;}

.aicatcher{display:none;}

input, select{background-color:#FFF;}
input:focus, select:focus{background-color:#DEE4EF;}

/*webkit browser fixes*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#submissionform div{padding-bottom:1px;}
}

h3{
    line-height:1em;
    text-align:right;
    margin:9px 60px 0px;
}
h3 a{
    color:#f60;
    font-size:14px;
}
h3 a:hover,
h3 a:active{
    color:#f90;
    text-decoration:none;
}

/* "World Review Group" line */
h4{
    font-size:8px;
    text-align:center;
	padding-right:260px;
    padding-top:6px;
    margin:0;
}

#smaller{font-size:13px; font-weight:bold;}
.hazard{color:#F00; font-size:12pt; font-weight:bold;}
.hazard:hover{text-decoration:blink;}
.headerstatement{font-size:12pt; color:#063; font-weight:bold;}
.articletext{font-size:11pt;}
.articletext a{color:#06C;}
.articletext a:hover{color:#0CF; text-decoration:none;}
.italic{font-style:italic;}
.bold{font-weight:bold;}
.ib{font-weight:bold; font-style:italic;}

/* END */
Thank you and talk to you later, Sitepointers!