Question

我正在使用Joomla1.5网站。

左侧列中有两个导航菜单，使用DIV内的UL。

当我浮动我的DIV时，我的超链接不会鼠标悬停。在Firefox中转换CSS可以修复它。

注意：这可能是MooTools的干扰吗？

<div id="left">

    <div class="moduletable intro"> 
                <h1><img src="/images/stories/pastarchives.jpg" border="0" /></h1>

<h1>A modern-day, holiday apartment in the heart of Tuscany</h1>        </div> 
            <div class="moduletable _menu_property"> 
                    <ul class="menu"><li id="current" class="active item1"><a href="http://petruzzo.mikeritter.aghosted.com/"><span>Home</span></a></li><li class="item4"><a href="/index.php?option=com_content&amp;view=article&amp;id=2&amp;Itemid=4"><span>Floor Plan</span></a></li><li class="item5"><a href="/index.php?option=com_content&amp;view=article&amp;id=3&amp;Itemid=5"><span>Location</span></a></li><li class="item8"><a href="/index.php?option=com_content&amp;view=article&amp;id=7&amp;Itemid=8"><span>Contact</span></a></li></ul>     </div> 
            <div class="moduletable _menu_reservations"> 
                    <ul class="menu"><li class="item14"><a href="/index.php?option=com_content&amp;view=article&amp;id=4&amp;Itemid=14"><span>Rates and Prices</span></a></li><li class="item12"><a href="/index.php?option=com_content&amp;view=article&amp;id=5&amp;Itemid=12"><span>Special Offers</span></a></li><li class="item13"><a href="/index.php?option=com_content&amp;view=article&amp;id=1&amp;Itemid=13"><span>Availability</span></a></li><li class="item11"><a href="/index.php?option=com_content&amp;view=article&amp;id=6&amp;Itemid=11"><span>Book Now</span></a></li></ul>        </div> 
            <div class="moduletable"> 
                    <ul class="menu"><li class="item15"><a href="/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=2&amp;Itemid=15"><span>Marti Blog</span></a></li></ul>      </div> 


</div>

CSS

div._menu_property,div._menu_reservations{width:160px; margin:0px; margin-left:; margin-right:; float:left;}

div._menu_property ul li span,div._menu_reservations ul li span{display:block;}

div._menu_property a,div._menu_reservations a{display:block;}

.article_column {width:300px; margin-left:10px; margin-right:10px; float:left;}

Answer 1

在上一个float:left

上添加.moduletable

（.moduletable的其他div._menu_property, div._menu_reservations确实有一个浮点数：左边但不是你的上一个.moduletable）

CSS定位打破列表中的超链接

1 个答案: