ul li css none-js SEO friendly sub-menu

<div id="menus">
<ul>
     <li> 
     <a href=''>ABOUT</a>
     <ul><li><a href=''>Company Overview</a></li> <li><a href=''>Management</a></li> <li><a href=''>News &amp; Press</a></li> <li><a href=''>Partners</a></li></ul>
     </li>
     <li> 
     <a href=''>SERVICES</a>  
     <ul><li><a href=''>Enterprise Infrastructure</a></li> <li> <a href=''>Business Intelligence </a> </li> <li><a href=''>Application Development</a></li> <li><a href=''>SOA(Solution Oriented Architecture)</a></li></ul>
     </li>
     <li> 
     <a href=''>PRODUCTS</a> 
     <ul><li><a href=''>Data Anayzer</a></li> <li><a href=''>MRSS-Remote DBA Services</a></li></ul>
     </li>
     <li> 
     <a href=''>CONTRACTS</a>
     <ul><li><a href=''>Data Anayzer</a></li> <li><a href=''>MRSS-Remote DBA Services</a></li></ul>
     </li>
     <li> 
     <a href=''>CLIENTS</a>
     <ul><li><a href=''>Data Anayzer</a></li> <li><a href=''>MRSS-Remote DBA Services</a></li></ul>
     </li>
     <li> 
     <a href=''>CAREERS</a>
     <ul><li><a href=''>Data Anayzer</a></li> <li><a href=''>MRSS-Remote DBA Services</a></li></ul>
     </li>
     <li> 
     <a href=''>CONTACT US</a>
     <ul><li><a href=''>Data Anayzer</a></li> <li><a href=''>MRSS-Remote DBA Services</a></li></ul>
     </li> 
     </ul>
</div>

#menus
{
	height:37px;
	background:url(images/menu_bg.png) repeat-x left top;
}
#menus ul
{
	 margin:0px;
	 padding:0px;
 
 
}
#menus ul li
{
	list-style:none;
	display:inline-block;
	float:left;
	position:relative;
	line-height:37px;
	height:37px;
	background:url(images/menu_bg.png) repeat-x left top;
	width:100px;
	text-align:center;
	behavior: url("csshover3.htc");
}
#menus ul li ul
{
	display:none;
}
#menus ul li a
{
	color:#fff;
	 padding:0px 15px;
	 line-height:37px;
	 text-decoration:none;
	 font-size:12px;
 
}
#menus a:hover
{
	text-decoration:underline;
}
#menus ul li:hover ul
{
	position:absolute;
	left:0px;
	top:37px;
	display:block;
 
}
#menus ul li ul li
{
	 width:160px;
	 text-align:left;
	 padding-left:10px;
	 height:34px;
	 overflow:hidden;
	 background:url(images/subbg.png) repeat-x left top;
}

9 Responses to “ul li css none-js SEO friendly sub-menu”

1. How to code a w3c valid 2 columns xhtml layout–step 2 « birghtyoursite says:

   January 10, 2010 at 9:02 am

   [...] Bright your site « Your first normal wordpress template ul li css none-js SEO friendly sub-menu [...]
2. anti aging says:

   February 20, 2010 at 11:18 am

   Thanks for sharing! it is good to encourage people to comment, not just reading. The only reason I writing blog rather than diary is because of the feedback.
3. Make a wordpress template step by step « birghtyoursite says:

   March 2, 2010 at 9:10 pm

   [...] ul li css none-js SEO friendly sub-menu [...]
4. WP Themes says:

   March 19, 2010 at 3:56 am

   Nice brief and this fill someone in on helped me alot in my college assignement. Gratefulness you on your information.
5. elektronik says:

   April 14, 2010 at 12:40 pm

   Hi, Well this was definitely something new, I really liked it as I am new to this
6. no fax payday says:

   April 18, 2010 at 12:13 am

   I liked your blog http://www.brightyoursite.com. I found your blog recently and was reading it for a few days. I appreciate your time and effort. Keep it that way.
7. Debt Relief says:

   April 24, 2010 at 11:51 am

   Sorry for my bad english. Thank you so much for your good post. Your post helped me in my college assignment, If you can provide me more details please email me.
8. baltimore web design says:

   June 2, 2010 at 7:24 pm

   You might have heard of “Google bombing”, where many people link to a certain page using certain text and boost that page to the top of the search engines, even though that page might be on a completely different subject. This is because search engines use the words in your link text (otherwise known as “anchor text”) to figure out the nature of the page you’re linking to. This can be used to your advantage in your on-page SEO efforts, giving your pages a little boost for your keywords.
9. php.zend.magento@gmail.com says:

   April 19, 2011 at 1:58 am

   Better menu.i liked this.

• Search for:

  Enter your search terms

  Web bright your site Submit search form

• Categories

  • apache (2)
  • css xhtml (10)
  • html5 (1)
  • javascript (3)
  • jquery (5)
  • magento (3)
  • mysql (1)
  • php (1)
  • SEO Friendly (6)
  • Tools (3)
  • w3c validation (4)
  • Wordpress (4)