Henry Felton wrote: > For once IE is working but not Firefox! Yes, IE sure is buggy... :-)
Declaring dimensions on an element which has the declaration 'display: inline' should result in "nothing", but IE doesn't understand that. Of course, it doesn't help much on the final rendering that the page is in Quirks mode (no doctype), but IE get it wrong in all modes because of its 'hasLayout'[1] bug. > The page is: http://www.henryfelton.co.uk/oscarlayout/ (the problem > is clearer if you see it in both browsers I think). All decent browsers agree with Firefox on how to render your page, so any decent browser will do. > Any help would be very much appreciated (the CSS is embedded in the > page source). Start by giving that page a suitable doctype. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict //EN" "http://www.w3.org/TR/html4/strict.dtd";> ...will do fine. Then use the following styles for the list - float the list-items: ul.navlists { padding:0; margin: 0; list-style-type: none; clear: both; } ul.navlists li { float: left; } Browsers have different defaults, so you should declare complete margins on this paragraph: p.listenlivetitle { ...other styles... margin: 0 0 0 14px; } ...will work better. --- Now you can start working on getting those dimensions right. All major browsers will render the same, so you can trim values to perfection across browser-land. You should start by adding units on all declarations but the 'zero' ones. This 'height: 256; width: 259;' doesn't make much of an impression on browsers in 'Standard compliant mode'. Make that 'height: 256px; width: 259px;' and they will react as intended. --- Using an empty <li> to create curved edges is mis-use of the element. Instead; add a suitable padding-right to those <ul> and place the curved edges 'top right norepeat' on them. --- You will probably have to declare a width on that page - or just the <ul>, as those lists will otherwise drop all over the place on narrow windows. regards Georg [1]http://www.satzansatz.de/cssd/onhavinglayout.html -- http://www.gunlaug.no ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
