fixed footer covers content

[kawther JN，修改在11 年前。]

hi, I've got 2 problems with my footer (which is fixed in the bootom of the browser):
1/- the first 1 is that it covers the end of my page content (portlets). how to do about this?
2/- the second is that the footer is a little bit higher than the bottom of the page.there is that space (under the footer ) that I wanna to get rid of it.. I've got this pb only with Chrome. with Mozila and IE the footer is in the right position

waiting for ur help. thanks.

[kawther JN，修改在11 年前。]

hi,
in portal_normal.vm:
</div>
<footer id="footer" role="contentinfo">
<div id="footer">$footerContent</div>
</footer>
$theme.include($body_bottom_include)

</body>

in custom.css:

/* ---------- Wrapper ---------- */
#wrapper {
min-height: 100%;
position:relative;
margin:0 auto;
width: 940px;
}
.ie6 #wrapper {
width: 90%;
}

/* ---------- Footer ---------- */
#footer {
width:100%;
float:left;
position:fixed;
bottom:0;
z-index:999999;
text-align: center;
background: url("/documents/10180/a09450a9-a4a1-4604-91ec-79eccb59cf6b") center no-repeat;
}
/* ---------- Banner ---------- */
#banner {
background: none;
height: auto;
margin-top: 1.6em;
position: relative;
}

[kawther JN，修改在11 年前。]

#set ($footerArticleId = $theme_settings.getProperty("footer-article-id"))
#set ($footerContent = $journalContentUtil.getContent($group_id, $footerArticleId,null, "$locale", $theme_display))