Hi all,
Hope someone can help me with this issue. Repeat-y is posing me problems. In general, what I am trying to do is putting the most visited pages as a sitemap in the footer part of the website. (Like the ones you see in word press run websites). However, the first divider ends up at the end where there is no content. Please look at the attached photo for better understanding.
Here is my css
/*----------footer----------*/
#footer {
clear:both;
background:#174f80;
min-height:225px;
padding: 10px 5% 1em;
}
#footer .content {
width:100%;
margin:0;
color:#ffffff;
font-size:11px;
}
#footer div
{
float: left;
width: 19%;
padding-right: 2%;
margin-right: 2%;
background: url(images/dots.jpg) 100% 10px;
background-repeat: repeat-y;
}
#footer p
{
clear: both;
width: 59%;
margin: 0;
padding: 2em 0;
}
#footer ul
{
margin: 0 0 1em 0;
padding: 0;
list-style-type: none;
}
#footer li
{
background: url(images/arrows.jpg) no-repeat 0 .4em 100% 0;
padding-left: 10px;
}
#footer a:link{
color:#c1d6ec;
}
Have tried merely everything. Still the first divider winds up at the end. SOS!