I am having porblems with a vertical button menu. I am tring to stack 5 css rollover buttons on top of each other vertically. The #button_container is squeezed between 2 divs all of which float left.
The problem is they do not align to the left in dreamwever (see http://www.blue-fly.co.uk/screenshot.gif) This is not a problem when previewing in the browser HOWEVER the gap bewteen the second and third button still exists in both ie and firefox. the css for the buttons is #rollover a { width: 238px; height: 39px; background: url(images/bf_up.gif) no-repeat; float: left; } #rollover a:hover { background: url(images/bf_over.gif) 0 0 no-repeat; } .whoarewe a { background: url(images/who_up.gif) no-repeat; height: 39px; width: 238px; position: relative; float: left; } .whoarewe a:hover { background: url(images/who_over.gif) 0 0 no-repeat; } .whatsnew a { width: 238px; height: 39px; background: url(images/new_up.gif) no-repeat; float: left; } .whatsnew a:hover { background: url(images/new_over.gif) no-repeat; } These are contained in (with the horible green background) #button_container { background-color:#00FF99; width: 238px; height: 300px; float: left; } and the HTML is <div id="button_container"> <div id="rollover"> <div align="left"><a href="home.php"></a></div> </div> <div class="whoarewe"> <div align="left"><a href="home.php"></a></div> </div> <div class="whatsnew"> Thaks for your help Roscoe H. <a href="home.php"></a></div> </div> </div> ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
