HTML/CSS positioning for Menus “float: bottom” -

I am creating a horizontal menu, and I can not understand how to align all menu options under one container . What I'm trying to do is an example to show, but the CSS code does not work as needed. Can you provide suggestions for all the menu tabs to sit down?

 & lt; Style & gt; .example1 {status: relative; Width: 32 AM; Height: 10 AM; Background color: #fbc; Background color: #FDB; Margin-left: auto; Margin Correct: Auto; Padding-down: 0; }. Inventory Menes {Status: Completed; Bottom: 0; Background color: #F00; Padding: 0; Left: 1am; }. Inventory Menu {Padding: 1 AM; Height: 1 AM; Width: 7 AM; Background color: #fbc; Margin: 0 AM 1 AM; Swim left; }. Inventory menuscted (padding: 1am; height: 2am; width: 7 am; background color: # fbc; margin: 0 1 am 0;; swim left;) & lt; / style & gt; & lt; div id = "Example1" class = "example1" & gt; below: 0 method works in Firefox, Netscape 7+, IE5 + / Win, Opera 7+, Konqueror 3, Safari and IE5 / Mac . & Lt; / p & gt; & lt; div class = "Inventory menus" & gt; Div class = "selected from Inventory menu" & gt; & lt; / div & gt; & lt; div Class = "inventory menu" & gt; two & lt; / div & gt; & lt; div & gt; 
 "Inventory menus" & gt; three & lt; / div & gt; & lt; / div & gt; & lt; / div & gt; 

Add margin to the element so that it is forced down 1em: