Hello! I have a serious problem regarding the display:inline style. (At least I think THAT is the problem...)
Please visit http://www.haasmayer.com/exhibitions/default.asp to see my problem. All I want to do is align the two (highlighted) tiny arrows NEXT to each other. Currently one is BELOW the other. This is the CSS I use (the entire css file can be found here: http://www.haasmayer.com/css/screen_eng.css): #nav_arrows { background: Aqua; margin-left: 0px; margin-top: 20px; } #nav_arrows a { width: 7px; height: 7px; text-decoration: none; display: block; } #nav_arrows ul { margin: 0; padding: 0 0 0 0; list-style-type: none; } #nav_arrows li { height: 7px; margin-bottom: 4px; display: inline; } #nav_arrows ul li a span { display: none; } #previous a{ background: url(/images/arrow_prev.png); } #next a{ background: url(/images/arrow_next.png); } As soon as I remove "display: block;" from the "#nav_arrows a" style the arrows disappear. Any idea??? Thank you very much for your help... Oliver ______________________________________________________________________ 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/