4 replies [Last post]
Gulfcoast
Offline
Regular
Last seen: 11 years 9 weeks ago
Timezone: GMT-6
Joined: 2004-05-24
Posts: 22
Points: 4

The css .submenu dropdown is causing the text links at the top of #content division to not work in chrome. The page is not currently online as it is in the planning stages. I've been working with overflow and z-index as I gather one or both are the issues, but have not gotten both the text links and the submenu to function together. The CSS validates and the HTML has issues regarding some of the links, this I am aware of. Thank you for your help.

 

 
 

  
 
Chocolate Brown  by Free CSS Templates 

 
 
 

Cufon.replace('.headertext');

 
 
<div id="wrapper"> 
	<div id="header"> 
		<div id="logo"> 
			
      <div class="headertext">Charlotte's Saddlery</div>
	  <img src="chocoimages/headerlogo.png" alt="English Saddles - Western Saddles - Riding Helmets" width="150" height="70" /> 
			<p>LightOn Productions</p> 
		</div> 
	</div> 
	
	 
	
  <div id="menu"> 
    <ul>
      <li class="current_page_item"><a href="#" rel="nofollow">Home</a></li>
      <li><a href="#" rel="nofollow">Blog</a></li>
      <li><a href="#" rel="nofollow">Photos</a></li>
      <li><a href="#" rel="nofollow">About</a></li>
      <li><a href="#" rel="nofollow">Links</a></li>
      <li><a href="#" rel="nofollow">Contact</a></li>
    </ul>

</div>			    
	
	
	<div id="submenu">
	<div class="submenu"> 
 
<ul> 
        <li><a href="#nogo" rel="nofollow" title="Charlotte's online shopping" rel="nofollow">SHOPPING 
          
          </a> 
          
          
          <ul>
            <li><a class="drop" href="#nogo" rel="nofollow" title="riding saddles" rel="nofollow">English 
              Saddles 
              
              </a> 
              
              
              <ul>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=SADDLESENG" title="saddle prices" rel="nofollow">New 
                  Saddles</a></li>
                <li><a href="http://www.charlottes-saddlery.com/english-saddles-fitting.htm" title="English saddle fitting" rel="nofollow">English 
                  Saddle Fitting</a></li>
              </ul>
              
            </li>
            <li><a class="drop" href="#nogo" rel="nofollow" title="English tack" rel="nofollow">English 
              Tack 
              
              </a> 
              
              
              <ul>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=BRSTPLTS" title="martingales and breastplates" rel="nofollow">Breastplates 
                  and Martingales</a></li>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=BRDLS" title="bridles" rel="nofollow">Bridles</a></li>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=SADDLESENG" title="English saddles" rel="nofollow">English 
                  Saddles</a></li>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=GIRTHS" title="riding girths" rel="nofollow">Girths</a></li>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=LTHRCARE" title="leather care" rel="nofollow">Leather 
                  Care</a></li>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=MYLR" title="Myler bits" rel="nofollow">Myler 
                  Bits</a></li>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=NAMEPLTS" title="name plates" rel="nofollow">Name 
                  Plates</a></li>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=ENGREINS" title="reins" rel="nofollow">Reins</a></li>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=SADLPADSENG" title="saddle pads" rel="nofollow">Saddle 
                  Pads</a></li>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=STIRRUPSENGLISH" title="stirrup irons" rel="nofollow">Stirrups</a></li>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=LTHRSENG" title="stirrup leathers" rel="nofollow">Stirrup 
                  Leathers</a></li>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=TRNING" title="training equipment" rel="nofollow">Training 
                  Equipment</a></li>
              </ul>
              
            </li>
            <li><a class="drop" href="#nogo" rel="nofollow" title="gift ideas for horsey people" rel="nofollow">Gift 
              Ideas 
              
              </a> 
              
              
              <ul>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=BOOKS" title="books on horses" rel="nofollow">Books</a></li>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=GAMES" title="horsey games" rel="nofollow">Games</a></li>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=GCARDS" title="Charlotte's gift cards" rel="nofollow">Gift 
                  Cards</a></li>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=NAMEPLTS" title="halter name plates" rel="nofollow">Name 
                  Plates</a></li>
              </ul>
              
            </li>
            <li><a class="drop" href="#nogo" rel="nofollow" title="horse care" rel="nofollow">Horse 
              Care 
              
              </a> 
              
              
              <ul>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=TRTS" title="horse treats" rel="nofollow">Horse 
                  Treats</a></li>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=FLYMSKS" title="fly masks" rel="nofollow">Fly 
                  Masks</a></li>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=FLYSPRYS" title="fly sprays" rel="nofollow">Fly 
                  Sprays</a></li>
              </ul>
              
            </li>
            <li><a class="drop" href="#nogo" rel="nofollow" title="horsewear" rel="nofollow">Horsewear 
              
              </a> 
              
              
              <ul>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=HALTERS" title="halters for horses" rel="nofollow">Halters</a></li>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=PROTECTIONBTS" title="horse boots" rel="nofollow">Horse 
                  Boots</a></li>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=HORSEWEAR" title="horse clothing" rel="nofollow">Horse 
                  Clothing</a></li>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=LGWRAPS" title="leg wraps for horses" rel="nofollow">Leg 
                  Wraps</a></li>
              </ul>
              
            </li>
            <li><a class="drop" href="#nogo" rel="nofollow" title="items for the barn" rel="nofollow">In 
              The Barn 
              
              </a> 
              
              
              <ul>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=BURLARENAS" title="riding arenas" rel="nofollow">Arenas 
                  and Letters</a></li>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=GROOM" title="horse grooming supplies" rel="nofollow">Grooming</a></li>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=HRDWARE" title="hardware" rel="nofollow">Hardware</a></li>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=JUMPS" title="riding jumps" rel="nofollow">Jumps 
                  and Standards</a></li>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=LTHRCARE" title="leather care" rel="nofollow">Leather 
                  Care</a></li>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=LGLFORMS" title="equestrian legal forms" rel="nofollow">Legal 
                  Forms</a></li>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=STBLEQUIP" title="stable equipment" rel="nofollow">Stable 
                  Equipment</a></li>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=TRLRAIDS" title="trailer aids" rel="nofollow">Trailer 
                  Aids</a></li>
              </ul>
              
            </li>
            <li><a class="drop" href="#nogo" rel="nofollow" title="English riding apparel" rel="nofollow">English 
              Riding Apparel 
              
              </a> 
              
              
              <ul>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=BLTS" title="riding belts" rel="nofollow">Belts</a></li>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=CSTUMWHPS" title="custom whips" rel="nofollow">Custom 
                  Whips</a></li>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=LEGPROTECTION" title="English chaps and leggings" rel="nofollow">English 
                  Chaps</a></li>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=ARIATGEARBAGS" title="gear bags" rel="nofollow">Gear 
                  Bags</a></li>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=GLVS" title="riding gloves" rel="nofollow">Gloves</a></li>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=HNTCOATS" title="hunt coats" rel="nofollow">Hunt 
                  Coats</a></li>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=KERRTS" title="Kerrits riding tights" rel="nofollow">Kerrits</a></li>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=BOOTS" title="riding boots" rel="nofollow">Riding 
                  Boots</a></li>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=HEADGEAR" title="riding helmets" rel="nofollow">Riding 
                  Helmets</a></li>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=RIDINGPANTS" title="riding pants" rel="nofollow">Riding 
                  Pants</a></li>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=SHOWSHIRTS" title="riding show shirts" rel="nofollow">Show 
                  Shirts</a></li>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=SOCKS" title="riding socks" rel="nofollow">Socks</a></li>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=SPURSENG" title="English spurs" rel="nofollow">English 
                  Spurs</a></li>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=WHIPS" title="whips and crops" rel="nofollow">Whips 
                  and Crops</a></li>
              </ul>
              
            </li>
            <li><a class="drop" href="#nogo" rel="nofollow" title="Western saddles" rel="nofollow">Western 
              Saddles 
              
              </a> 
              
              
              <ul>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=SADDLESWEST" title="Western saddle prices" rel="nofollow">New 
                  Saddles</a></li>
                <li><a href="http://www.charlottes-saddlery.com/western-saddles-fitting.htm" title="Western saddle fitting" rel="nofollow">Western 
                  Saddle Fitting</a></li>
              </ul>
              
            </li>
            <li><a class="drop" href="#nogo" rel="nofollow" title="Western tack and equipment" rel="nofollow">Western 
              Tack 
              
              </a> 
              
              
              <ul>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=HDSTALLS" title="Western breastcollars" rel="nofollow">Breastcollars</a></li>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=CSTUMCHPS" title="Western chaps" rel="nofollow">Chaps</a></li>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=MAYTEXCSTUM" title="custom show blankets" rel="nofollow">Custom 
                  Show Blankets</a></li>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=HDSTALLS" title="Western headstalls" rel="nofollow">Headstalls</a></li>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=SADDLESWEST" title="Western saddles" rel="nofollow">Saddles</a></li>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=WESTPDS" title="Western saddle pads" rel="nofollow">Saddle 
                  Pads</a></li>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=SPURSWST" title="Western spurs" rel="nofollow">Spurs</a></li>
                <li><a href="http://www.charlottes-saddlery.com/Merchant2/merchant.mvc?Screen=CTGY&Category_Code=TRNING" title="horse training equipment" rel="nofollow">Training 
                  Equipment</a></li>
              </ul>
              
            </li>
          </ul>
          
        </li>    
        <li><a href="#nogo" rel="nofollow" title="riding saddles" rel="nofollow">SADDLES 
          
          </a> 
          
          
          <ul>
            <li><a class="drop" href="#nogo" rel="nofollow" title="used English saddles" rel="nofollow">Used 
              
              </a> 
              
              
              <ul>
                <li><a href="http://www.charlottes-saddlery.com/jump.htm" title="used jumping saddles" rel="nofollow">Jump</a></li>
                <li><a href="http://www.charlottes-saddlery.com/all_purpose.htm" title="used all purpose saddles" rel="nofollow">All 
                  Purpose</a></li>
                <li><a href="http://www.charlottes-saddlery.com/dressage.htm" title="used dressage saddles" rel="nofollow">Dressage</a></li>
                <li><a href="http://www.charlottes-saddlery.com/trial.htm" title="try a saddle before buying" rel="nofollow">Try 
                  Before You Buy</a></li>
                <li><a href="http://www.charlottes-saddlery.com/tips.htm" title="saddle buying tips" rel="nofollow">Buying 
                  Tips</a></li>
                <li><a href="http://www.charlottes-saddlery.com/selling.htm" title="selling your saddle" rel="nofollow">Selling</a></li>
                <li><a href="http://www.charlottes-saddlery.com/english-saddles-fitting.htm" title="English saddle fitting" rel="nofollow">English 
                  Saddle Fitting</a></li>
                <li><a href="http://www.charlottes-saddlery.com/western-saddles-fitting.htm" title="Western saddle fitting" rel="nofollow">Western 
                  Saddle Fitting</a></li>
              </ul>
              
            </li>
            <li><a href="http://www.charlottes-saddlery.com/saddles-clearance.htm" title="clearance saddles" rel="nofollow">Clearance</a></li>
            <li><a href="http://www.charlottes-saddlery.com/custom.htm" title="Charlotte's custom saddles" rel="nofollow">Custom</a></li>
          </ul>
          
        </li>    
        <li><a href="#nogo" rel="nofollow" title="new saddle pricing" rel="nofollow">NEW SADDLE 
          PRICING 
          
          </a> 
          
          
          <ul>
            <li><a class="drop" href="#nogo" rel="nofollow" title="English saddle pricing" rel="nofollow">English 
              
              </a> 
              
              
              <ul>
                <li><a href="http://www.charlottes-saddlery.com/english-saddles-a-c.htm" title="saddle brands a through b" rel="nofollow">Brands 
                  A » B</a></li>
                <li><a href="http://www.charlottes-saddlery.com/english-saddles-c-h.htm" title="saddle brands c through g" rel="nofollow">Brands 
                  C » G</a></li>
                <li><a href="http://www.charlottes-saddlery.com/english-saddles-h-n.htm" title="saddle brands h through n" rel="nofollow">Brands 
                  H » N</a></li>
                <li><a href="http://www.charlottes-saddlery.com/english-saddles-o-p.htm" title="saddle brands o through p" rel="nofollow">Brands 
                  O » P</a></li>
                <li><a href="http://www.charlottes-saddlery.com/english-saddles-q-z.htm" title="saddle brands q through z" rel="nofollow">Brands 
                  Q » Z</a></li>
              </ul>
              
            </li>
            <li><a href="http://www.charlottes-saddlery.com/western-saddles-tucker.htm" title="Western saddle pricing" rel="nofollow">Western</a></li>
          </ul>
          
        </li>    
        <li><a href="#nogo" rel="nofollow" rel="nofollow">STUDIES IN SADDLES 
          
          </a> 
          
          
          <ul>
            <li><a href="http://www.charlottes-saddlery.com/amerigo.htm" title="Amerigo saddles" rel="nofollow">Amerigo</a></li>
            <li><a href="http://www.charlottes-saddlery.com/baines-english-saddles.htm" title="Frank Baines English saddles" rel="nofollow">Baines</a></li>
            <li><a href="http://www.charlottes-saddlery.com/brasilia.htm" title="Hermes English saddles" rel="nofollow">Hermes</a></li>
            <li><a href="http://www.charlottes-saddlery.com/pessoa-saddles.htm" title="Pessoa riding saddles" rel="nofollow">Pessoa</a></li>
            <li><a href="http://www.charlottes-saddlery.com/stubben-biomex-saddles.htm" title="Stubben saddles" rel="nofollow">Stubben</a></li>
            <li><a href="http://www.charlottes-saddlery.com/toulouse-english-riding-saddles.htm" title="Toulouse riding saddles" rel="nofollow">Toulouse</a></li>
          </ul>
          
        </li>    
        <li><a href="#nogo" rel="nofollow" title="useful info" rel="nofollow">INFO 
          
          </a> 
          
          
          <ul>
            <li><a href="http://www.charlottes-saddlery.com/equestrian-apparel-fashion.htm" title="equestrian fashion" rel="nofollow">Fashion 
              Forecast 2009</a></li>
            <li><a href="http://www.charlottes-saddlery.com/hurricane.htm" title="hurricanes and horses" rel="nofollow">Hurricanes 
              and Horses</a></li>
            <li><a href="http://www.charlottes-saddlery.com/equestrian-apparel.htm" title="horse clothing" rel="nofollow">Outerwear 
              for the Well-Cared-For Horse</a></li>
            <li><a href="http://www.charlottes-saddlery.com/links.htm" title="related equestrian links" rel="nofollow">Related 
              Links</a></li>
            <li><a href="http://www.charlottes-saddlery.com/camps.htm" title="summer riding camps" rel="nofollow">Summer 
              Riding Camps</a></li>
          </ul>
          
        </li>
    </li> 
</ul> 
</div> 
	</div> 

 
	<div id="page">
	<div id="page-bgtop"> 

	<div id="page-bgbtm"> 
		<div id="content">
 			
			<div class="post"> 
			<div class="post-bgtop"> 
			<div class="post-bgbtm">
 
				<h2 class="title">Welcome to Charlotte's Saddlery</h2>
				<div class="entry">
<p>We specialize in equipment and apparel for the <a href="#" rel="nofollow">English and Western</a> rider. We also offer saddle fittings, tack repair, <a href="#" rel="nofollow">monogramming</a>, blanket cleaning and repair, and boot adjustments. Walk into a Charlotte's store expecting to see the usual - Western saddles, English saddles, reins, bits, western chaps, and boots - but finding the unexpected as well-the largest collection of Breyer horses in this part of the country, unique jewelry, home furnishings, and extensive <a href="#" rel="nofollow">lines of</a> lifestyle sport clothing.</p><p>Donec lectus. Nullam pretium nibh ut turpis. <a href="#" rel="nofollow">Nam bibendum</a>. In nulla tortor, elementum ipsum. Proin imperdiet est. Phasellus dapibus semper urna. Pellentesque ornare, orci in felis. Donec ut ante. In id eros. Suspendisse lacus turpis, cursus egestas at sem.</p>
				</div>
 			</div> 
			</div> 
			</div> 
			<div class="post"> 
			<div class="post-bgtop"> 
			<div class="post-bgbtm"> 
				<h2 class="title">Lorem ipsum sed aliquam</h2> 
				<div class="entry"> 
					<p>Sed lacus. Donec lectus. Nullam pretium nibh ut turpis. Nam bibendum. In nulla tortor, elementum vel, tempor at, varius non, purus. Mauris vitae nisl nec metus placerat consectetuer. Donec ipsum. Proin imperdiet est. Phasellus <a href="#" rel="nofollow">dapibus semper urna</a>. Pellentesque ornare, orci in consectetuer hendrerit, urna elit eleifend nunc, ut consectetuer nisl felis ac diam. Etiam non felis. Donec ut ante. In id eros. Suspendisse lacus turpis, cursus egestas at sem. Phasellus pellentesque. Mauris quam enim, molestie in, rhoncus ut, lobortis a, est.</p> 
					<p>Praesent ac lectus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus augue. Fusce eget tellus ultrices ligula volutpat adipiscing. Aenean ligula lectus, vehicula in, dictum a, fermentum nec, felis. Nunc ac turpis in leo posuere imperdiet.</p> 
				</div> 
			</div> 
			</div> 
			</div> 
			<div class="post"> 
			<div class="post-bgtop"> 
			<div class="post-bgbtm"> 
				<h2 class="title">Phasellus pellentesque turpis</h2> 
				<div class="entry"> 
					<p>Sed lacus. Donec lectus. Nullam pretium nibh ut turpis. Nam bibendum. In nulla tortor, elementum vel, tempor at, varius non, purus. Mauris vitae nisl nec metus placerat consectetuer. Donec ipsum. Proin imperdiet est. Pellentesque ornare, orci in consectetuer hendrerit, urna elit eleifend nunc, ut consectetuer nisl felis ac diam. Etiam non felis. Donec ut ante. In id eros. Suspendisse lacus turpis, cursus egestas at sem. Phasellus pellentesque. Mauris quam enim molestie  rhoncus lobortis a, est.</p> 
				</div> 
			</div> 
			</div> 
			</div> 
		<div> </div> 
		</div> 
		 
		<div id="sidebar"> 
			<ul> 
				<li> 
					<h2>Gift Cards</h2> 
					<p><img src="chocoimages/GiftCard.jpg" alt="Charlotte's Saddlery gift cards" width="65" height="41" />
					A Charlotte's Gift Card, makes the <a href="#" rel="nofollow">perfect gift</a> for that favorite horse person. Gift Cards are fully redeemable online or in our stores. They do not have to be <a href="#" rel="nofollow">redeemed</a> in one visit.</p> 
				</li> 
				<li> 
					<h2>Categories</h2> 
					<ul> 
						<li><a href="#" rel="nofollow">Uncategorized</a> (3)<span>Lorem Ipsum Dolor Sit Amit</span></li> 
						<li><a href="#" rel="nofollow">Lorem Ipsum</a> (42)<span>Lorem Ipsum Dolor Sit Amit</span></li> 
						<li><a href="#" rel="nofollow">Urna Congue Rutrum</a> (28)<span>Lorem Ipsum Dolor Sit Amit</span> </li> 
						<li><a href="#" rel="nofollow">Vivamus Fermentum</a> (13)<span>Lorem Ipsum Dolor Sit Amit</span> </li> 
					</ul> 
				</li> 
				<li> 
					<h2>Blogroll</h2> 
					<ul> 
						<li><a href="#" rel="nofollow">Phasellus Pellentesque</a><span>Lorem Ipsum Dolor Sit Amit</span> </li> 
						<li><a href="#" rel="nofollow">Consectetuer Adipiscing</a><span>Lorem Ipsum Dolor Sit Amit</span> </li> 
						<li><a href="#" rel="nofollow">Urna Congue Rutrum</a><span>Lorem Ipsum Dolor Sit Amit</span> </li> 
					</ul> 
				</li> 
				<li> 
					<h2>Archives</h2> 
					<ul> 
						<li><a href="#" rel="nofollow">December 2009</a> (29)<span>Lorem Ipsum Dolor Sit Amit</span></li> 
						<li><a href="#" rel="nofollow">November 2009</a> (30)<span>Lorem Ipsum Dolor Sit Amit</span></li> 
						<li><a href="#" rel="nofollow">October 2009</a> (31)<span>Lorem Ipsum Dolor Sit Amit</span></li> 
					</ul> 
				</li> 
			</ul> 
		</div> 
		 
		<div> </div> 
	</div> 
	</div> 
	</div> 
	 
</div> 
	<div id="footer"> 
		<p>Copyright (c) 2008 Sitename.com. All rights reserved. Design by <a href="http://www.freecsstemplates.org/" rel="nofollow">Free CSS Templates</a>.</p> 
	</div> 
	 
 
 


body {
	margin: 0;
	padding: 0;
	background: #FFFFF0 url(chocoimages/testbackground.jpg) repeat-x left top;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: .79em;
	color: #50462D;
}

.headertext {
    font-weight: bold;
    font-size: 7.00em;
    width: 800px;
    letter-spacing: 4px;
    color: #FFFFF0;
	position: absolute;                                 
    left:30px;
    top:-23px;
}

.headerlogo {
	position: absolute;                                 
    left:450px;
    top:-23px;
}


#submenu {
	width: 100%;
	height: 31px;
    left:0px;
    top:136px;
	position: absolute;
	background: #E2DFA8;
	margin: 0 auto;
	padding-left: 222px;
}


/* Links */

a:link { text-decoration: none; color: #93601E; border-bottom: 1px dotted #93601E; }

a:visited { text-decoration: none; color: #93601E; border-bottom: 1px dotted #93601E; }

a:hover, a:active { color: #93601E; border-bottom: 1px solid #93601E; }

h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Georgia, "Times New Roman", serif;
	font-weight: normal;
	color: #FFFFF0;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1.6em;
}

p, ul, ol {
	margin-top: 0;
	line-height: 180%;
}

ul, ol {
}

a {
	text-decoration: none;
	color: #704A21;
}

a:hover {
}

#wrapper {
	width: 960px;
	margin: 0 auto;
	padding: 0;
}

/* Header */

#header {
	width: 960px;
	height: 85px;
	margin: 0 auto;
}

/* Logo */

#logo {
	float: left;
	width: 960px;
	height: 65px;
	margin: 0;
	padding-top: 20px;
	color: #FFFFFF;
}

#logo h1, #logo p {
	margin: 0;
	padding: 0;
}

#logo h1 {
	float: left;
	letter-spacing: -1px;
	font-size: 2.6em;
}

#logo p {
	float: left;
	margin: 0;
	padding: 12px 0 0 10px;
	font: normal 12px "Trebuchet MS", Georgia, "Times New Roman", serif;
	font-style: italic;
} 

#logo a {
	border: none;
	background: none;
	text-decoration: none;
	color: #FFFFFF;
}

/* Menu */

#menu {
	width: 960px;
	height: 50px;
	margin: 0 auto;
	padding: 0;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
	height: 50px;
	background:  url(chocoimages/img02.jpg) no-repeat right top;
}

#menu a {
	display: block;
	margin-top: 10px;
	margin-right: 3px;
	padding: 7px 30px 7px 30px;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFF0;
	border: none;
}

#menu a:hover, #menu .current_page_item a {
}

#menu .current_page_item a {
	padding-left: 0;
}

#menu a:hover {
	text-decoration: underline;
}

/* Page */

#page {
	width: 960px;
	margin: 0 auto;
}

#page-bgtop {
}

#page-bgbtm {
}

/* Content */

#content {
	float: right;
	width: 700px;
	padding: 60px 20px 0 0;
} 


.post {
	margin-bottom: 5px;
}

.post-bgtop {
}

.post-bgbtm {
}

.post .title {
	background: #90602A url(chocoimages/img03.jpg) repeat-x left top;
	border: 2px #EEE3C3 solid;
	height: 32px;
	padding: 8px 0 0 15px;
	letter-spacing: -.5px;
	color: #FFFFF0;
}

.post .title a {
	background:  url(chocoimages/img04.jpg) no-repeat 0 5px;
	padding-left: 25px;
	color: #FFFFF0;
	border: none;
}

.post .meta {
	padding-left: 20px;
	padding-bottom: 5px;
	text-align: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
}

.post .entry {
	padding: 10px 20px 10px 20px;
}

/* Sidebar */

#sidebar {
	float: left;
	width: 220px;
	padding: 60px 0 0 0px;
	color: #50462D;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin: 0;
	padding: 0;
}

#sidebar li ul {
	padding-bottom: 30px;
	font-size: 12px;

}

#sidebar li li {
	margin-left: 15px;
	margin-right: 15px;
	line-height: 35px;
	border-bottom: 1px dashed #D2D4C9;
}

#sidebar li li span {
	display: block;
	margin-top: -20px;
	padding: 0;
	font-size: 12px;
	font-style: italic;
}

#sidebar h2 {
	background: #90602A url(chocoimages/img03.jpg) repeat-x left top;
	border: 2px #EEE3C3 solid;
	height: 32px;
	padding: 8px 0 0 15px;
	letter-spacing: -.5px;
	color: #FFFFF0;
}

#sidebar p {
	margin: 0 15px;
	padding-bottom: 20px;
	font-size: 12px;
	line-height: 18px;
}

#sidebar a {
	color: #704A21;
	border: none;
}

#sidebar a:hover {
	text-decoration: underline;
	color: #787878;
}

/* Footer */

#footer {
	width: 100%;
	background: #e2dfa8;
	height: 50px;
	margin: 0 auto;
	padding: 0px 0 15px 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#footer p {
	margin: 0;
	padding-top: 20px;
	line-height: normal;
	font-size: 9px;
	text-transform: uppercase;
	text-align: center;
}

#footer a {
	color: #704A21;
}

/* common tags for rounded corners that can be used for many panels */
b.Rnd1{margin: 0 5px;}
b.Rnd2{margin: 0 3px;}
b.Rnd3{margin: 0 2px;}

/* container one */
div.ContainerOne {clear: left; float:left; margin-left: 5px; margin-bottom: 20px; margin-right: 20px; width:428px; height:100px; background: #90602A;} /* adjust the position, size and colour of the panel here */
div[class="ContainerOne"] {height:auto; min-height:100px;} /* adjust the minimum height of the panel here for mozilla only */
b.RndTopOne b, b.RndBottomOne b{display:block;height: 1px; overflow: hidden; background: #90602A;} /* adjust the colour of the panel top and bottom here */
b.RndTopOne, b.RndBottomOne{display:block;background: #FEFEFE;} /* adjust the background colour here */
div.RPanelContentOne {position:relative; top:0px; left:0px; display:block; margin: 0 auto; margin-left:7px; margin-top:8px; margin-bottom:10px; width:425px; height:100px; text-align:left; color:#000000;} /* adjust the content width (to be slightly less than the panel width to get a margin), height and text alignment of the content here */
div[class="RPanelContentOne"] {height:auto; min-height:100px;} /* adjust the minimum height of the panel here for mozilla only */
b.RndTopOne b.Rnd4, b.RndBottomOne b.Rnd4{margin: 0 1px; height:2px;}


/* style the outer div to give it width */

.submenu {
width:750px; 
font-size:0.85em;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
padding-bottom:200px;
}
/* remove all the bullets, borders and padding from the default list styling */
.submenu ul {
padding:0;
margin:0;
list-style-type:none;
}
.submenu ul ul {
width:150px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.submenu li {
float:left;
width:150px;
position:relative;
}
/* style the links for the top level */
.submenu a, .submenu a:visited {
display:block;
font-size:11px;
text-decoration:none; 
color:#000; 
width:139px; 
height:31px; 
border-bottom: 1px solid #fffff0;
border-right: 1px solid #fffff0; 
border-width: 0 1px 1px 0;
background: #e2dfa8; 
padding-left:10px; 
line-height:29px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .submenu a, * html .submenu a:visited {
width:150px;
w\idth:139px;
}
 
/* style the second level background */
.submenu ul ul a.drop, .submenu ul ul a.drop:visited {
background:#fffff0;
}

/* style the third level background */
.submenu ul ul ul a.drop, .submenu ul ul ul a.drop:visited {
background:#fffff0;
}

/* style the second level hover */
.submenu ul ul a.drop:hover{
background:#5D5236;
}

.submenu ul ul :hover > a.drop {
background:#5D5236;
}

/* style the third level background */
.submenu ul ul ul a, .submenu ul ul ul a:visited {
background:#e2dfa8;    
}
/* style the third level hover */
.submenu ul ul ul a:hover {
background:#5D5236;
}
.submenu ul ul ul :hover > a {
background:#5D5236;
}
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.submenu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0; 
width:150px;
}

/* another hack for IE5.5 */
* html .submenu ul ul {
top:30px;
t\op:31px;
}
 
/* position the third level flyout menu */
.submenu ul ul ul{
left:150px; 
top:0;
width:150px;
}
/* position the third level flyout menu for a left flyout */
.submenu ul ul ul.left {
left:-150px;
}
 
/* style the table so that it takes no part in the layout - required for IE to work */
.submenu table {position:absolute; top:0; left:0;}
 
/* style the second level links */
.submenu ul ul a, .submenu ul ul a:visited {
background:#e2dfa8; 
color: #000; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:129px
/* yet another hack for IE5.5 */
}
* html .submenu ul ul a{
width:150px;
w\idth:129px;
}
 
 
/* style the top level hover */
.submenu a:hover, .submenu ul ul a:hover{
color:#fffff0;
text-decoration: underline; 
background:#5D5236;
}

.submenu :hover > a, .submenu ul ul :hover > a {
color:#fffff0;
background:#5D5236;
}
 
/* make the second level visible when hover on first level list OR link */
.submenu ul li:hover ul,
.submenu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.submenu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.submenu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.submenu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.submenu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}

CupidsToejam
CupidsToejam's picture
Offline
Guru
Florida
Last seen: 5 years 18 weeks ago
Florida
Timezone: GMT-4
Joined: 2008-08-15
Posts: 2637
Points: 1556

M-T post?

M-T post?

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 1 week ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

*sigh*

*sigh*

Hmm problematical sorting out the code display for this post Puzzled

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

CupidsToejam
CupidsToejam's picture
Offline
Guru
Florida
Last seen: 5 years 18 weeks ago
Florida
Timezone: GMT-4
Joined: 2008-08-15
Posts: 2637
Points: 1556

strange

the first time i looked, there was nothing up there. Just an empty post. Now there is content. strange

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 1 week ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

I corrected the display with

I corrected the display with BB code tags but in theory the used <code> tags should have worked which will need looking into.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me