Feedback form hanging at the page bottom, expanded.

Thanks for your help, Sun!
You are right on the money to point out that CSS must be the source of error. So I was looking into the CSS files. Because feedback works on Garland theme, so I guess the problem was not cause by the CSS of the same modules that are in place. So the layout CSS, instead of the typography or graphics CSS, could be the source of error.

Here is the layout CSS: (Do you want me to send you a personal message with an admin password for you to look under the hood? Thanks for helping out!)

/* ########## Layout ########## */
/* ########## In the css you will find everything about template's layout (positions, margins ecc..) ######## */

* {padding: 0;margin: 0;}

body {margin:40px 0 20px 0;}

#page {
margin: 0px auto;
position: relative;
width: 970px; /* The entire template's width is set in this class. */
}

#utilities {
padding: 0;
margin: 0px auto;
width:970px; /* match page width */
height:25px;
position:relative;
}

#header {
padding: 0;
margin: 0;
height: 180px;
position:relative;
}

#submenu { /*secondary links*/
padding:9px 10px 9px 14px;
}

.wrapper{ /*wrapper:defines whole content margins*/
margin:15px;
}

#primary {
float: left;
margin: 0px;
/*larghezza settata nel file template.php - width set in template.php*/
}

.path{ /*breadcrumb*/
padding-bottom:3px;
}

.path p span { /* you are here text */
padding:5px;
margin-right:10px;
}

#primary .singlepage .path p {
letter-spacing:0px;
margin-top:-2px;
}

#primary .singlepage {
padding:0 0 15px 0px;
}

.preview .node{ /*node preview*/
margin-bottom:10px;
padding:20px;
}

#page #primary .drdot{ /* sistema il float (use this to stop floating elements) */
clear:both;
}

#page #primary .drdot hr{
display:none;
}

#page #primary .tabs{ /* tabs */
margin:20px 0 20px 0;
}

#header h1, #header p.sitetitle { /* site title */
margin: 0px;
padding: 30px 0 12px 35px;
}

#header p.slogan{ /*site slogan*/
padding: 8px 0 10px 60px;
display: block;
}

#utilities form { /*search box*/
position:absolute;
right:0;
bottom:2px;
}

#utilities label{
display:none;
}

#utilities input {
margin-top:10px;
margin-bottom:5px;
float:left;
}

#utilities input.form-submit{ /*search box input*/
margin: 10px 4px 0px 4px;
padding: 1px;
}

#utilities input.form-text {
padding:2px;
}

#utilities #plinks {/*- Primary links in Header */
position:absolute;
left:-7px;
bottom:0px!important;
bottom:-1px;
}

#utilities #plinks ul li {
display: inline;
float:left;
margin-right: -2px;
}

.admintab {
/*_padding: 5px 15px 6px;*/ /* IE hack */
}

* html .admintab { padding: 5px 15px 6px } /* IE hack */

/*- Sidebar Subpages Menu */

.lsidebar {
width: 180px;
float: left;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:15px;
}

.rsidebar {
width: 180px;
float: left;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:15px;
}

#sitemission{ /*site mission*/
margin:0px 0 20px 0;
padding:15px;
}

/*block styles*/

.defaultblock{
margin:0px 0 20px 0;
}

.defaultblock .blockcontent{
margin:0px 0 20px 0;
}

.loginblock{
margin:0px 0 20px 0;
padding:0px 0 5px 0;
}

form#user-login-form label{
margin-bottom:3px;
}

.loginblock ul li{
margin:0;
padding:0;
}

.defaultblock .blockcontent, .loginblock .blockcontent{
padding:0 10px 0 10px;
}

.defaultblock h2{
padding:8px 4px 0px 12px;
margin-bottom:10px;
}

.loginblock h2{
padding:4px;
margin:0px 0 10px 0;
}

#primary .item {
margin: 0 0 15px 0;
padding: 0;
}

#primary .item .itemhead {
margin: 0 0 5px 0;
padding: 0;
}

#primary .item .itemhead h3 {
display: block;
margin: 0 0 0 0 !important;
margin: 0 0 0 10px;
padding: 0;
}

#primary .item .itemtext {
margin: 0;
padding: 0;
}

#primary .item .itemtext p,
#primary .item .itemtext ul,
#primary .item .itemtext ol,
#primary .item .itemtext div,
#primary .item .itemtext blockquote {
margin: 0 0 0 0 !important;
margin: 0 0 0 10px;
}

#primary .item .itemhead p.metadata {
display: block;
margin: 2px 0 0 0 !important;
margin: 2px 0 0 10px;
}

/*paragraph */

#primary .singlepage p{margin:0 0 10px 0;}

/*content headings */

#primary .singlepage h1,
#primary .singlepage h2,
#primary .singlepage h3,
#primary .singlepage h4,
#primary .singlepage h5,
#primary .singlepage h6{
margin:0px 0 10px 0;
padding:0;
}

#primary .singlepage h1{margin-bottom:12px;}
#primary .singlepage h2.with-tabs{margin-bottom:30px;}

#primary .singlepage p.small {
margin-top: 10px;
padding-top: 5px;
}

/*images in content */

#primary img {
margin: 0 15px 0px 0;
padding: 4px;
}

#primary .singlepage img.destra { /*use this class to align images to the right*/
margin: 0 0px 0px 15px;
padding: 4px;
float: right;
}

#primary .singlepage img.sinistra { /*use this class to align images to the left*/
margin: 0 15px 0px 0;
padding: 4px;
float: left;
}

#primary .singlepage img.altobasso {
margin:0px;
display:block;
padding: 0px;
float:none;
}

#footer {
width: 970px;
margin: 0 auto;
padding:15px 0;
}

.clear {
clear: both;
margin: 0;
padding: 0;
}

.itemtext ol, .itemtext ul {
padding: 0 0 0 35px;
margin: 0;
}

.itemtext ol li, .itemtext ul li {
margin: 0 0 3px;
padding: 0;
}

.secondary div p {
margin-top: 0.5em;
}

.secondary ul, .secondary ol, .secondary div {
margin: 5px 0 0;
padding-left: 0;
}

/*----------list styles----------*/

.tabs ul li {
background:none;
padding:0;
margin:0;
list-style:none;
}

#primary ul {
margin:10px 0 10px 0;
}

.item-list ul li{
margin:0 0 1px 0px;
padding: 0px 0 0px 22px;
}

#primary .singlepage .node .content li{ /*lists in node content*/
margin:2px 0 2px 0px;
padding-left:22px;
}

#primary .singlepage .node .content ol li{ /*ordered lists in node content*/
margin:2px 0 2px 0px;
padding-left:0px;
}

#primary .singlepage .node .content ul,
#primary .singlepage .node .content ol,
#primary .singlepage form ul{
margin:10px 0 10px 25px;
}

.rsidebar ul.menu li,
.rsidebar .item-list ul li,
.rsidebar li.leaf,
.lsidebar ul.menu li,
.lsidebar .item-list ul li,
.lsidebar li.leaf
{
padding: .15em 0 .15em 1.5em;

}

ul.inline li {
margin: 0;
padding: 0 1em 0 0;
}

/*---------------tables---------------*/

.view table tr td{padding:0px;}

table{
margin:1em 0;
width:98%;
padding:0px;
}

table tr td {padding:5px;}

#primary .node table{border-collapse:collapse;}

#system-themes table img.screenshot /* fix for themes page */{width:100px;}

thead th {
border-bottom:2px solid #ccc;
margin-bottom:4px;
padding-bottom:4px;
}

tr:first-child td.region,tr:first-child td.module,tr:first-child td.container {border-top-width:0;}

.sticky-table { /*fix report tab*/
clear:left;
padding:0px;
overflow:hidden;
}

hr {
margin: 0;
padding: 0;
height: 1px;
}

dl {margin: 0;}
dl dd {margin: 0.5em 0 .5em 1.5em;}

dl dt{
padding:0 0 0 20px;
margin:4px 0 4px 0;
}

.messages ul {margin:0;}

.form-checkboxes, .form-radios,
.form-checkboxes .form-item,
.form-radios .form-item
{margin: 0.25em 0;}

.form-button,
.form-submit
{margin: 0.5em 0.5em 1em 0;}

#watchdog-form-overview .form-submit,
.confirmation .form-submit,
.search-form .form-submit,
.poll .form-submit,
fieldset .form-button, fieldset .form-submit,
.sidebar .form-button, .sidebar .form-submit,
table .form-button, table .form-submit
{ margin: 0;}

fieldset ul.clear-block li{
margin: 0;
padding: 0;
}

.box {margin-bottom: 2.5em;}

#primary .content blockquote{
margin:15px;
padding:12px;
}

/*admin panel styles*/

div.admin-panel {
margin: 0;
padding: 5px 0px 15px 5px;
}

div.admin-panel .description {
margin: 0 0 3px;
padding: 2px 0 3px 0;
}

div.admin-panel .body {
padding: 0 0px 2px 0px;
}

div.admin {
padding-top: 15px;
}

div.admin .left {
float: left;
width: 45%;
margin-left: 1em;
}

div.admin .right {
float: right;
width: 45%;
margin-right: 1.1em;
}

/*admin by module*/
div.bymodule ul li{ margin:3px 0 3px 0; padding:0px 0 0 22px;}
#primary .messages{padding:10px;}
#primary .messages .status{padding:10px;}

#primary .help .help{
padding:5px;
margin:15px 0 15px 0;
}

#primary .help .help ul li{padding-left:15px;}

/*comments & links*/

#comments{margin-top: 2em;}
.commentTitle{margin-bottom:10px;}
#comments .content{margin-bottom:5px;}
.submitted{margin-bottom:10px;}
.comment{margin:0 0 2em;padding:1em;}

.links{
margin-top:1em;
clear:both;
}

.linksteaser{
padding-bottom:15px;
margin-bottom: 15px;
}

.linksteaser ul li{margin-right: 5px;}

.comment .links ul li{
padding-left: 23px;
padding-top:1px;
padding-bottom:1px;
}

#primary .links li.comment_forbidden,
#primary .links li.comment_comments,
#primary .links li.blog_usernames_blog first
{padding-left:22px;}

.links li.comment_add{padding:0px 0 0 23px;}
.links .node_read_more{padding:1px 0 0 23px;}

/*taxonomy terms in node*/

.taxonomy{
margin:15px 0 25px 0;
padding-top:10px;
clear:left;
}

.taxonomyteaser{
margin:10px 0 15px 0;
padding-bottom:10px;
clear:left;
}

.taxonomy span{
padding-left:21px;
padding-right:10px;
}

p span.tagsteaser{padding-left:23px;}

.preview .node .taxonomy ul li span{
padding-left:3px;
padding-right:3px;
} /*no key icon in preview */

/*meta in nodes*/

.metanode{margin:10px 0 20px 0;}
.metanode span{padding-bottom:5px;}
.metanode span.author{padding-left:21px;}
.metanode span.date{padding-left:21px;}

/*pager*/

.item-list ul.pager{
margin:0px;
padding-top:10px;
}

.item-list .pager li{
margin:0px;
padding:3px;
}

.item-list .pager li.pager-current{padding:4px;}

/*avatar*/

#primary .picture{
float:right;
margin:8px 0 4px 8px;
}

#primary .picture img{
float:none;
margin:0 0 4px 5px;
padding:4px;
}

/*signature in 6x */

.firma{
margin:10px 0 10px 0px;
padding-top:5px;
}

/*forums*/

#primary .singlepage #forum ul.links li.forum{padding-left:22px;}
.singlepage #forum .name{margin-bottom:8px;}

#forum .links{
margin:0px;
display:inline;
}

/*sticky icon*/
#primary img.sticky{
float:none;
margin:0px 0 0 8px;
padding:0px;
}

/*profile*/

.profile h3{margin-bottom:20px;}

/*book & forum navigation*/

.book-navigation, .forum-topic-navigation{margin-top:10px;}

/*attachments */

#page table#attachments tr td{padding:4px;}

/*pools*/

#page .poll{
clear:both;
margin-top:3px;
}

.poll .title{margin:8px 0 8px 0;}
.poll .percent, .pool .text{margin:1px 0 1px 0;}
#page .poll .form-item{margin:8px 0 8px 0;}
#page .poll .choices{margin:0px;}

/*book links */

.links .book_printer{padding-left:22px;}
.links .book_add_child{padding-left:22px;}

#primary .content .book-navigation .menu li{
padding-left:22px;
margin:4px 0 4px 0;
}

/*search results*/

#primary .singlepage .search-results dt{margin-top:10px;}

/* Collapsible fieldsets*/
fieldset {
margin: 1em 0;
padding: 1em;
display:block;
clear:left;
width:95%;
overflow:visible;
}

/* Targets IE 7. Fixes background image in field sets. */
*:first-child+html fieldset {
padding: 0 1em 1em;
background-position: 0 0.65em;
}

*:first-child+html fieldset > .description, *:first-child+html fieldset .fieldset-wrapper .description {
padding-top: 1em;
}

fieldset legend {
/* Fix disappearing legend in FFox */
display: block;
}

*:first-child+html fieldset legend, *:first-child+html fieldset.collapsed legend {
display: inline;
}

html.js fieldset.collapsible{
margin:5px 0 5px 0;
display:block;
float:left;
}

html.js fieldset.collapsed{
margin:5px 0 5px 0;
display:block;
clear:left; /* avoid fieldset overlapping in ie */
}

fieldset ul.clear-block li {
margin: 0;
padding: 0;
}

/*teaser checkbox */
.teaser-checkbox{margin-bottom:10px;}

/*aggregator styles*/
.feedcontainer{
margin-left:0px;
margin-bottom:10px;
margin-top:10px;
position:relative;
}

#primary .singlepage .feedcontainer h2{margin-bottom:10px;}
#primary .singlepage .feedsummary {padding-bottom:10px;}
#primary .singlepage #aggregator li { /*aggregator list*/
margin:3px 0 3px 18px;
padding:0 0 0 3px;
}

/*taxonomy term page */

.terminfo{
padding:15px;
margin-bottom:10px;
}

/*forms*/

.form-submit{
padding:2px;
margin-top:0px;
}

/*first time homepage */

#first-time{padding:10px;}
#first-time ol li{margin-left:30px;}

Hi, Sun:

Thanks for your help! I was busy solving another pressing bug.

The popular Marinelli Theme also has the same problem working with the feedback form.
http://drupal.org/project/marinelli
Could you try the theme yourself to see if the feedback.css conflicts with some common css codes somewhere?

I copied and pasted the feedback.css into the last css file in the loading sequence. That make the feedback form totally disappear in IE and Chrome, and the form is still hanging at the bottom in Firefox.

What could be causing the css conflict? Thanks!