html - CSS Positioning Breaks Hyperlinks in Lists -


I am working on a Joomla 1.5 website.

I have two navigation men in the left column using UL inside DIV.

When I float my DIV, my hyperlink will not be mouseover. Point to CSS in Firefox.

Note: can this be mute tools interfering?

  & lt; Div id = "left" & gt; & Lt; Div class = "moduletable intro" & gt; & Lt; H1 & gt; & Lt; IMG src = "/ images / stories / antiquities.jpg" border = "0" /> & Lt; / H1> & Lt; H1 & gt; A modern day, Holiday Apartment in the heart of Tuscany & lt; / H1> & Lt; / Div & gt; & Lt; Div class = "moduletable _menu_property" & gt; & Lt; Ul class = "menu" & gt; & Lt; Li id = "current" square = "active item 1" & gt; & Lt; A href = "http://petruzzo.mikeritter.aghosted.com/" & gt; & Lt; Span & gt; Home & lt; / Span & gt; & Lt; / A & gt; & Lt; / Li & gt; & Lt; Li class = "item 4" & gt; & Lt; A href = "/ index.php? Option = com_content & views = article & id = 2 & amp; amp; itemid = 4" & gt; & Lt; Period & gt; Floor plan & lt; / Span & gt; & Lt; / A & gt; & Lt; / Li & gt; & Lt; Li class = "item 5" & gt; & Lt; A href = "/ index Php? Option = com_content & amp = amp = view = article & amp; id = 3 & amp; itemid = 5" & gt; & Lt; Period & gt; Location & lt; / Span & gt; & Lt; / A & gt; & Lt; / Li & gt; & Lt; Li class = "item 8" & gt; & Lt; A href = "/ index.php? Option = com_content & views = article & id = 7 & amp; amp; itemid = 8" & gt; & Lt; Period & gt; Contact & lt; / Span & gt; & Lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt; & Lt; Div class = "moduletable _menu_reservations" & gt; & Lt; Ul class = "menu" & gt; Li class = "item 14" & gt; & Lt; A href = "/ index.php? Option = com_content & views = article & amp; id = 4 & item = 14" & gt; Value & pricing & lt; / Span & gt; & Lt; / A & gt; & Lt; / Li & gt; & Lt; Li class = "item 12" & gt; & Lt; A href = "/ index.php? Option = com_content & amp; amp; see = article & id = 5 & amp; itemid = 12" & gt; & Lt; Span & gt; Special Offer & lt; / Span & gt; & Lt; / A & gt; & Lt; / Li & gt; & Lt; Li class = "item 13" & gt; & Lt; A href = "/ index.php? Option = com_content & views = article & amp; ID = 1 & amp; amp; amp; amp; amp; amp; madred = 13" & gt; & Lt; Span & gt; Availability & lt; / Span & gt; & Lt; / A & gt; & Lt; / Li & gt; Class = "item 11" & gt; & Lt; A href = "/ index.php? Option = com_content & views = article & amp; id = 6 & amp; itemid = 11" & gt; & Lt; Span & gt; Book now & lt; / Span & gt; & Lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt; & Lt; Div class = "moduletable" & gt; & Lt; Ul class = "menu" & gt; & Lt; Li class = "item 15" & gt; & Lt; A href = "/ index.php? Option = com_content & amp = amp; amp; amp; layout = blog & id = 2 & amp; itemid = 15" & gt; & Lt; Period & gt; Marti blog & lt; / Span & gt; & Lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt; & Lt; / Div & gt;   

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;}    

add a float: left On your last .moduletable

(Other .moduletable which is a float on div._menu_property, div._menu_reservations : But your last .modileable not)

Comments