Positioning Issue

I'm trying to fix a site that I didn't design and I'm fairly new to CSS positioning.

This is a search results page that I am having trouble with. The check box is lining up vertically in different spots, which is driving me nuts. I've been trying to figure it out all morning with no luck.

http://www.landscapingscene.com/results/?lat=42.44098&lng=-83.522422&radius=20

Here is the style sheet associated with the search results.

#results li {

background-image: url(/images/layout/box-results.gif);
background-repeat: no-repeat;
width: 566px;
margin: 6px 0px 0px 0px;
float: left;
height: 180px;

}

#results .logo {

width: 166px;
float: right;
position: relative;
top: 10px;
}

#results .logo a:hover {

background-color: transparent;

}

#results .description {

width: 360px;
padding: 0px 0px 0px 10px;
float: left;

}

#results .description-wrapper {

width: 400px;
height: 25px;
float: left;

}

#results img.mapicon {

float: right;
margin: 5px 10px 0px 0px;

}

input[type="checkbox"].inline {

display: inline;
float: none;

}

#results h2 a {

color: #52a5ec;

}

#results h2 a:hover {

background-color: #ffffff;

}



#results .selectcontractor {

width: 140px;
float: right;
position: relative;
top: -40px;

}

#results .logo img {

border: 1px solid #333333;

margin: 9px;

}

.box-results {

float: left;
height: 60px;
margin: 0px;
padding: 0px;

}

.box-results-body {

width: 566px;
margin: 0px;
padding: 0px;
height: 60px;

}

.box-results-head {

font-size: 1pt;
width: 566px;
height: 10px;
margin: 0px;
padding: 0px;

}

There is also some serious issues in IE6, I haven't even looked at that yet ;-).

 

Either I'm not understanding your question clearly, or I am unable to duplicate the problem on FF 2.0.0.12 and IE6. The checkboxes all seem to be lining up just fine to me.