This is a purely CSS question, regardless of xcart.
I have a problem with an inconsistency between Firefox and IE7 (and I guess IE8 as well, but I haven't checked it) regarding a page in my test site with url:
http://www.zoomseri.temporaryurl.biz/home.php?display_cats=Y
Specifically, the vertical distance of the breadcrumbs links (i.e. "Zoomserie" breadcrumb link in that particular page) from the upper 2-rounded corner main part of the page is much greater in IE7 than in Firefox (see attached image, the red double-arrowhead line depicts the distance under discussion).
Actually if you check the page with Firebug, you will see that there are 2 divs inside the "center" div which is the central part of the page (which includes the left, one-link navigation menu and the central part with the root categories, sorry the language is in Greek but that should not be an issue for the current post). These div's are namely, "topban" and "center-main". Now, inside the "center-main" div there is the "location" div among other, which displays the breadcrumbs links. Both "topban" and "center-main" divs have 0 top and bottom margins. Firefox displays the layout correctly, but IE7 adds a non-existent vertical space above the location link. The link should be positioned where the "topban" div with the 2 rounded corners finishes. I know that IE generally is the main culprit in CSS rendering, but I was wondering if there is any css hack.
Appreciate any tips.