A Few Css Issues

[bmwaldrop]

OK, i'm having a few small issues with my CSS. First off, I have an image rotator on the homepage. I have an overlay that displays some text, but for some reason, it's supposed to be positioned over the bottom of the graphic (not below it) but instead, it's in the middle. Now, I use HTML Kit which and in preview mode, it shows it's positioned correctly (I think the preview is IE7). So how would I fix it to where it displays correctly in the current versions of IE, Firefox and Chrome? Also, when you select "About" on the nav bar, it pushes the page content down...which is what I want. But when it does, it also pushes the rotator down the page, but the overlay stays put. Is there a way to get the overlay to move down with the graphic? And finally, there is a little but of white space below the footer. How would I remove that? http://tinyurl.com/67w4epj thanks

[dsonesuk]

Its the position absolute causing the problem, change to relative and try using margin instead

.textwrap {    background: url("http://www.kacvtv.org/highlights/graytint.png") repeat scroll 0 50% transparent;   /* bottom: 0;    left: 0; removed by dsonesuk*/    margin: -110px 0 0; /*added by dsonesuk */    padding: 0;    position: relative; /* amended from absolute to relative dsonesuk*/    width: 100%;    z-index: 15;}

[dsonesuk]

the white space at footer can be removed by using line height instead of padding

#foot_inside {	background: url("images/footer.jpg") no-repeat scroll 0 0 transparent;	color: #FFFFFF;	font-size: 120%;	height: 43px;	line-height: 43px; /*added by dsonesuk*/	padding-left: 25px;    /*padding-top: 16px; removed by dsonesuk*/	text-align: center;}