uhh why is my nav menu bunched up to the right in firefox?

[KDM]

http://capitolinvestmententerprises.com/

[KDM]

I think I might have to put the images in a table.

[Adam]

Try adding display:inline to a shared class between the map tags.

[KDM]

I just put them in a table. It looks fine now.

[jedeye]

I just put them in a table. It looks fine now.

 

no tables

 

since i cant see how it was before here is some base for a horizontal nav

ul#menu {
     float: right;  /* or use left */
     margin: -65px 0px 0px 0px; /*aligns the menu along the y-axis */
}

ul#menu li {
     display: inline; /* crucial */
     margin: 0px auto;
     padding: 0px;
     text-align: center; /*optional */
}

ul#menu li a {
     color: #FF6600;
     display: block; /* crucial - makes the entire block a href */
     float: left;
     margin: 0px 0px 0px 35px; /* use margin here to push and pull links together - prolly you error of trouble last time */
     padding: 0px 0px 0px 5px;
     text-decoration: none; /*optional */
}

ul#menu li a:hover, #menu li.current a, #menu li a:focus { /* will take care of all mouse-over states */
     border-bottom: 2px solid #FF6600;
     color: #FFF;
}

 

 

 

[Adam]

I just put them in a table. It looks fine now.

 

Oh dear.. All you needed to add was the display:inline - I tested it with Firebug.