Damien Carbery wrote: > 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. > >
Replace this code: > 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; > } > > > With this code: .course-description h2, .course-details h2 { background:#fff; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: solid 1px #555; border-bottom: solid 1px #999; font-size: 161.6%; font-weight: bold; padding: 2px 0 3px 8px; position: absolute; top: 16px; left:214px; line-height: 1.2; margin: 0; width:700px; } * html .course-description h2, .course-details h2 { top: 18px; }/*for IE/6*/ Add this selector to style sheet: .yui-t2 {position: relative;} Amend this inline style to include the padding-top: <h2>Certificate in Exercise and Health Fitness</h2> <div style="float: right; padding-top:25px;"> Assuming this is what you're after: Cursory checked on a local file on Mac OS X 10.4.11 in latest version Opera, Safari, & FF/3; and, in XP IE/7 & IE/6 on Mac Parellels. -- http://chelseacreekstudio.com/ ______________________________________________________________________ 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/