No replies
JPawloski
Offline
newbie
Last seen: 11 years 19 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;}