Site: http://www.motions.ie/ncef.html CSS: http://www.motions.ie/motions-styles.css It also uses YUI resets-fonts-grids.css and base-min.css and a vertical menu from DynamicDrive.com [1]
I found CSS code to display a h2 on top of the div border, like a paper file tab (but I do not remember where). On IE6 the "Certificate in Exercise and Health Fitness" is displayed higher up than on IE7, FF3, Opera 9.5 and Safari 3.1.2, all on Windows. Adding: display: inline-block; improves things - it is over the light border but still too far left. It also makes the border snug around the h2 element. This aspect is okay. Screenshots: - http://www.motions.ie/motions-ie6-relative.png - IE6 without inline-block. - http://www.motions.ie/motions-ie6-inline-block.png - IE6 with inline-block - http://www.motions.ie/motions-others-original.png - FF3 without inline-block - http://www.motions.ie/motions-others-inline-block.png - FF3 with inline-block - element moved down a bit. The code is .course-description h2, .course-details h2 { font-size: 161.6%; font-weight: bold; background-color: white; color: black; padding: 5px; padding: 2px 8px 3px 4px; margin: -.68em 15px 10px 9px; position: relative; display: inline-block; /* This moves the h2 down but still further left than other browsers. */ border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: solid 1px #555; border-bottom: solid 1px #999; line-height: 1.2; } IE6 screenshots taken with http://ipinfo.info/netrenderer/index.php Damien [1] http://www.dynamicdrive.com/style/csslibrary/item/sliding-doors-vertical-menu/ with stylesheet http://www.motions.ie/dd-sliding-doors-menu.css and http://www.motions.ie/dd-sliding-doors-menu-ie.css ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
