<li> background images being cutoff - wordpress

No replies
Fri, 2008-08-01 19:20
JPawloski
Offline
newbie
Last seen: 14 years 27 weeks ago
Joined: 2008-08-01
Posts: 1
Points: 0
Hello,
I have a problem with my background images on
tags. When you scroll down and back up, sometimes (but not always) the graphics get cut off at the bottom.
At the site http://www.studiosmooth.com/index.php?page_id=9 I have a circle graphic being used for
tags. I have included this entire stylesheet below. The section in question is, I believe, ".column_center .text_box_questions li"
Can someone please help me determine why these graphics are being cut off - seemingly randomly? Thank you in advance!!
*{margin:0; padding:0;}
ul{list-style:none;}
body{
	font-family:arial;
	font-size:11px;
	line-height:14px;
	background-color: #000000;
}
img { border:0;}
 
/**********************************************/
input, textarea{font-family:Tahoma; font-size:11px; color:#000000; vertical-align:middle; font-weight:normal; background:#FFFFFF; text-align:left;}
.searching {width:110px; height:auto; color:#000000; background-color:#FFFFFF; height:18px; margin-right:10px; border: solid 1px #404040;}
/**********************************************/
 
/*.min_width {width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 900)? "900px" : "100%"); min-width:900px;}*/
/*.main {width:100%; margin:auto; background:url(images/bg_header.jpg) 0 0 no-repeat;}*/
.min_width {width:850px; margin:auto; background: #339966 url(images/fill.jpg) repeat-x center top;}
.main {width:850px; margin:auto; background:url(images/bg_header.jpg) 0 0 no-repeat;}
.main_other {width:850px; margin:auto; background:url(images/bg_header_other.jpg) 0 0 no-repeat;}
.main_woman {width:850px; margin:auto; background:url(images/bg_header_woman.jpg) 0 0 no-repeat;}
.main_man {width:850px; margin:auto; background:url(images/bg_header_man.jpg) 0 0 no-repeat;}
 
a {color:#646464; text-decoration:underline;}
a:hover{text-decoration:none;}
 
 
h1 { font-size:4.16em; color:#000002; font-weight:normal; line-height:1.01em; width:auto;}
h1 a  {color:#000002; text-decoration:none;}
h2{ font-size:1.01em;}
h2.pagetitle { padding:20px;}
h3 { color:#31383B; font-weight:normal; font-size:1.01em; line-height:1.18em;}
h3 a {color:#31383B; font-size:2.09em; line-height:0.7em; text-decoration:none;}
h3 a:hover {text-decoration:underline;}
 
 
/*******global********/
ul { margin:0; list-style-image: url(/images/arr.gif);}
.float{float:left; margin:0 20px 0 0;}
.col{float:left;}
.side_bar { float:left;}
.column_center{float:left;}
.clear{clear:both;}
.w100 { width:100%;}
.h100 { height:100%;}
.in5 { padding-bottom:5px;}
.in10 { padding-bottom:10px;}
.in15 { padding-bottom:15px;}
.in20 { padding-bottom:20px;}
/*******global********/
 
.content .indent { padding:0 10px 0 0;}
 
 
 
/*******************box*********************************/
.left_top{ background:url(images/left_top.gif) left top no-repeat #FFFFFF;}
.right_top{ background:url(images/right_top.gif) right top no-repeat;}
.left_bot{ background:url(images/left_bot.gif) left bottom no-repeat;}
.right_bot{ background:url(images/right_bot.gif) right bottom no-repeat; width:100%;}
/***************************end**************************/
 
/*******************box_2*********************************/
.left_top_2{ background:url(images/left_top_2.gif) left top no-repeat;}
.right_top_2{ background:url(images/right_top_2.gif) right top no-repeat;}
.left_bot_2{ background:url(images/left_bot_2.gif) left bottom no-repeat;}
.right_bot_2{ background:url(images/right_bot_2.gif) right bottom no-repeat; width:100%;}
 
.side_top_2{ background:url(images/side_top_2.gif) left top repeat-x #35a14c;}
.side_bot_2{ background:url(images/side_bot_2.gif) left bottom repeat-x;}
/***************************end**************************/
 
 
/*******************header*********************************/
#header {width:100%; height:200px;}
#header .indent { padding:0px 0 0 220px;}
#header span  { font-size:1.01em; line-height:1.45em; font-weight:bold; color:#3D3D3D; text-decoration:none;}
/*******************end header*********************************/
 
 
/*******************side_bar*********************************/
.side_bar { width:33%;}
.side_bar .inside{ padding:312px 5px 0px;}
 
/*---------------------------------------------------*/
.widget_style { margin:0 0 35px 0;}
.widget_style h2 {font-size:1.3em; line-height:1.27px; color:#000000; font-weight:bold; text-transform:uppercase; padding:0 0 12px 10px;}
.widget_style h2 a {color:#000000; text-decoration:none;}
.widget_style h2 a:hover {text-decoration:none;}
 
.widget_style ul { font-size:1.01em; padding:0 0 0 30px; }
.widget_style li {
	font-size:1.01em;
	line-height:16pt;
	color:#000000;
	padding-left: 30px;
	padding-top: 5px;
	background-image: url(images/arr.gif);
	background-repeat: no-repeat;
	background-position: 5px;
}
.widget_style li a { font-size:1.01em; line-height:1.44em; color:#000000; text-decoration:none; }
.widget_style li a:hover { text-decoration:underline;}
 
/*---------------------------------------------------*/
 
#categories.widget_style ul { font-size:1.01em; margin:0 0 0 9px;}
#categories.widget_style li { font-size:1.01em; line-height:1.44em; color:#F80D0D;}
#categories.widget_style li a { font-size:1.01em; line-height:1.44em; color:#F80D0D; text-decoration:none; background:url(images/arr.gif) 0 4px no-repeat; padding:0 0 0 15px;}
#categories.widget_style li a:hover { text-decoration:underline;}
 
/*---------------------------------------------------*/
 
#archives.widget_style ul { font-size:1.01em; margin:0 0 0 9px; margin-left:9px;}
#archives.widget_style li { font-size:1.01em; line-height:1.44em; color:#000000;}
#archives.widget_style li a { font-size:1.01em; line-height:1.44em; color:#000000; text-decoration:none; background:url(images/arr.gif) 0 4px no-repeat; padding:0 0 0 15px;}
#archives.widget_style li a:hover { text-decoration:underline;}
 
/*---------------------------------------------------*/
 
#links_with_style ul {margin:0 0 31px 0; background:none;}
#links_with_style ul ul h2{ margin:0 0 0 0; background:none;}
#links_with_style ul li h2 { font-size:1.01em; line-height:14px; list-style:none; color:#000000; font-weight:bold; padding:0 0 12px 0; margin:0 0 0 0;}
#links_with_style ul li ul li { font-size:11px; color:#000000;  padding:0 0 0 0;}
#links_with_style ul li ul { margin:0 0 0 9px;}
/*---------------------------------------------------*/
 
#calendar_wrap {vertical-align:top; width:auto; margin:auto;padding:13px 20px 0px 0;}
#calendar_wrap caption { color:#000000; font-weight:bold; font-size:1.01em;}
#calendar_wrap td {width:25px; text-align:right; color:#000000; font-size:1.11em;}
#calendar_wrap td a {color:#000000;}
#calendar_wrap th { color:#000000;}
#calendar_wrap a {font-weight:bold;}
 
/*---------------------------------------------------*/
 
#statusbar p {padding:0px 20px 20px 0;}
#statusbar a {font-weight:bold; color:#FFFFFF;}
/*******************end side_bar*********************************/
.menu { float:left; padding:3px 0 0 ;}
.menu li { padding:0 15px 0 0; float:left;}
.menu li a{ color:#000000; font-weight:bold; line-height:1.01em; padding:0 0 0 0px; text-align:center;}
.block_search{ float:right;}
.block_top{ padding:10px 19px 10px 17px;}
/*******************column_center*********************************/
 
.column_center .text_box li {
	background:0 url(images/circle.jpg) no-repeat left top;
	padding-left: 60px;
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #000000;	
	line-height: 14pt;
}
 
.column_center .text_box_woman li {
	background:0 url(images/circle_woman.jpg) no-repeat left;
	padding-left: 60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
	padding-top: 5px;
	line-height: 14pt;
	margin-top: 10px;
	margin-bottom: 10px;
}
 
.column_center .text_box_woman li li{
	background:none;
	padding-top: 10px;
	padding-left: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
	line-height: 14pt;
}
 
.column_center .text_box_woman p {
	margin-top: 10px;
	margin-bottom: 10px;
}
 
.column_center .text_box_man li {
	background:0 url(images/circle_man.jpg) no-repeat left;
	padding-left: 60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
	padding-top: 5px;
	line-height: 14pt;
	margin-top: 10px;
	margin-bottom: 10px;
}
 
.column_center .text_box_man li li{
	background:none;
	padding-top: 10px;
	padding-left: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
	line-height: 14pt;
}
 
.column_center .text_box_man p {
	margin-top: 10px;
	margin-bottom: 10px;
}
 
.column_center .text_box_questions li {
	background:0 url(images/circle.jpg) no-repeat left;
	padding-left: 60px;
	padding-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #000000;	
	line-height: 14pt;
	margin-top: 10px;
	margin-bottom: 10px;
 
}
 
.column_center .text_box_questions li li{
	background:none;
	padding-top: 10px;
	padding-left: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
	line-height: 14pt;
}
 
.column_center .text_box_questions li li strong{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
	line-height: 14pt;
}
 
 
.column_center { width:65%;}
.column_center strong{ font-size:1.23em; color:#BE1937; font-weight:normal;}
.text_box {
	font-size:1.18em;
	line-height:1.38em;
	padding-top: 5px;
	padding-right: 23px;
	padding-bottom: 23px;
	padding-left: 10px;
}
 
.text_box p {
	margin-top: 10px;
	margin-bottom: 10px;
}
 
.text_box_woman {
	font-size:1.18em;
	line-height:1.38em;
	padding-top: 5px;
	padding-right: 23px;
	padding-bottom: 23px;
	padding-left: 10px;
}
 
.text_box_man {
	font-size:1.18em;
	line-height:1.38em;
	padding-top: 5px;
	padding-right: 23px;
	padding-bottom: 23px;
	padding-left: 10px;
}
 
.text_box_questions {
	font-size:1.18em;
	line-height:1.38em;
	padding-top: 5px;
	padding-right: 23px;
	padding-bottom: 23px;
	padding-left: 10px;
}
 
.column_center .inside_center{ padding:6px;}
.sep{ background:url(images/sep.gif) 0 0 repeat-x; padding:10px 0 5px 0; margin:0;}
.title{
	padding:25px 0 0 15px;
	font-size: 8px;
}
.title span { color:#2A2A2A;  font-size:1.01em; line-height:1.18em;}
.title .date { font-size:1.27em; line-height:1.01em; color:#BE1937; font-weight:normal; background:url(images/date_pic.gif) 0 0 no-repeat; padding:0 0 0 20px;}
 
.title_page{
	padding:25px 0 0 15px;
	font-size: 12px;
}
.title_page span { color:#2A2A2A;  font-size:1.01em; line-height:1.18em;}
 
 
 
.comments {  color:#BE1937; font-size:1.01em; font-weight:bold; line-height:1.9em; padding:0 40px 20px 20px;}
.comments a { background:url(images/arr_3.gif) 0 4px no-repeat; padding:0 0 0 21px; text-decoration:underline; color:#BE1937; font-size:1.01em; line-height:1.9em;}
.comments a:hover{text-decoration:none;}
/*******************end column_center*********************************/
 
 
 
/*************************************/
#recent-posts  {vertical-align:top;}
#calendar {vertical-align:top;}
#google-search  {vertical-align:top;}
#gsearch {text-align:left;}
#pages  {vertical-align:top;}
#text-1 {vertical-align:top;}
#delicious {vertical-align:top;}
 
#delicious-box {text-align:left;}
 
/*************************************/
.textwidget {padding:13px 0px 0px 0px;}
#statusbar {text-align:justify; color:#FFFFFF;}
 
.widget_style.search{background:none; margin:0; padding:0;}
.oddcomment{color:#FF0000;}
 
/*******************footer*********************************/
#footer { text-align:right; font-size:1.01em; line-height:1.05em; color:#ffcc99; height:78px; }
#footer .indent {padding:25px 25px 0 0;}
#footer a{ color:#ffcc99;}
Tags:
Styling CMS and Social Sites
<li> background images being cutoff - wordpress

User login

Navigation
