I am constructing a control panel of buttons located at the top of the page. It will be six wide and two deep. Each of the button divs in encased in an <a ...> link and displays a mouseover graphic.
There is no line break or paragraph break between the two divs shown here and they should be displayed on the same line. Both Firefox and Konqueror 3.5 on a Kubuntu box display the buttons stacked vertically. Could someone please help me with this problem? <body> <!--MAIN NAVIGATION START--> <div class="menu"> <!-- Button div - Home --> <a href="http://www.tropicwaveradio.net/";> <div id='button-home' style='height: 30; width: 150; background: url(images/button-home.jpg); background-position: 0px 0px; ' onmouseover = 'document.getElementById("button-home").style.backgroundPosition = "-150px 0px"; ' onmouseout = 'document.getElementById("button-home").style.backgroundPosition = "0px 0px"; '> </div> </a> <!-- End button div --> <!-- Button div - Instant Replay --> <a href="http://tropicwaveradio.net/listenlive.htm";> <div id='button-instant-replay' style='height: 30px; width: 150px; background: url(images/button-instant-replay.jpg); background-position: 0px 0px; ' onmouseover = 'document.getElementById("button-instant-replay").style.backgroundPosition = "-150px 0px"; ' onmouseout = 'document.getElementById("button-instant-replay").style.backgroundPosition = "0px 0px"; '></div> </div> </a> <!-- End button div --> <!-- End menu div --> </body> Thanks, Bob ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
