Div's adding random horizontal lines

[TheHYPO]

My love affair with using Divisions instead of tables (read: sarcasm) continues with my issue of the day:

I'm most of the way through creating a new template based on the Classic Green template; one of the differences is that I've changed the wrapper color from white. This required wrapping certain content in the center column with white.

Thus, what in Classic Green are invisible divisions of white with no border on a white background, I've had to alter into white divisions with grey borders on a non-white background.

The problem is with divisions, which I personally hate (one of the reasons I did not upgrade to 1.3 when it first came out, as I had already thoroughly customized my site based on tables, and I would have had to completely redo it, which I'm finally doing now) is that they do not act predictably, in my opinion, compared to tables.

The first problem I encountered was that any pages that had buttons on the bottom (anything with forms, such as the create_account page, or just with a back button, like the conditions page; either way) ended up with the div's bottom border going right through the middle of the button (both firefox and IE). This was because the buttons were classed 'back' or 'forward' to float, and apparently, if the last division within another division is a floater, the parent div doesn't bother to extend below the floater.

I solved this issue by adding a clearboth break after the button divs on every single template that had this problem, which was tedious.


HOWEVER, a related problem is as such, which I haven't solved yet: On the product_info page, the 'write a review' and 'tell a friend' buttons exhibit the exact same problem, being floating buttons at the bottom of the product division. I "solved" that issue with a clearboth break beneath. The problem, however, is that whenever you mouseover the 'write a review' button, a horizontal line (border color) appears above the button, as if a new bottom border of the division has been drawn. Tabbing away and back removes the line, and mousing over the button does the same thing again. This only seems to happen in IE right now. I have in my notes of "things to do" that one of the reviews pages was previously exhibiting this behaviour, but seems to have stopped at this point.

I'm willing to link people who think they can help by private message if need be, but I'd rather not post the link in public as this is a non-active version of a site on the same server as the active version until this one is built and I switch over; until then, I don't want to post the link publicly.

Thanks in advance.

[TheHYPO]

Noone has encountered anything like this?