html - Stop Menu from Shifting -

I created a menu but due to some reason drops on the left side of the menu when the browser is resized and if this happens, Does the range disappear? Is there any way to prevent it from happening and until it reaches a certain size, can the whole menu be scaled?

Our My CSS:

  @Churset "UTF-8"; / * Main CSS Document * / #parent {padding: 0px, auto; Width: 50%; Minimum-width: 50%; Height: 50px; Margin top: 3%; Margin-left: 25%; Margin-right: 15%; Background: #FFF; Border bottom: thin groove # 000; } # Child-left {float: left; Padding-left: 25px; Width: 35%; Minimum-width: 35%; Height: 50px; Background: #FFF; } # Child-right {padding-top: 15px; Paddle-right: 20px; float right; Width: 60%; Minimum-width: 60%; Height: 35px; Background: #FFF; } #logger {padding: 0px, auto; Width: 100%; Height: 50px; Margin-left: 15%; Margin-right: 15%; Background: #FFF; } # Menu {float: true; Paddle-right: 7%; Font-family: "courier new", courier, monospace; Font-size: 18px; Font-weight: 600; Color: # 666666; } #Menuend {padding-right: 10px; float right; Font-family: "courier new", courier, monospace; Font-size: 18px; Font-weight: 600; Color: # 666666; } #Menu: Hover {Color: # C30; }  

And here is HTML:

   & Lt; Link rel = "stylesheet" type = "text / css" href = "mainstylesheet.css" /> & Lt; Title & gt; Home and lt; / Title & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; Div id = "parent" & gt; & Lt; Div id = "child-left" & gt; & Lt; Img name = "logo" src = "width =" 100% "height =" 100% "alt =" "/ & gt; & Lt; / Div & gt; & Lt; Div id = "child-right" & gt; & Lt; Div id = "menupad" & gt; & Lt; Div id = "menuend" & gt; Contact & lt; / Div & gt; & Lt; Div id = "menu" & gt; Gallery & lt; / Div & gt; & Lt; Div id = "menu" & gt; & Lt; / Div & gt; About & lt; Div id = "menu" & gt; Home & lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Body & gt; & Lt; / Html & gt;  

Any help is greatly appreciated!

OK, I saw your design and do not understand what you are using in your CSS Can I (my bad) then I started from scratch and tried to match with my design. I hope you can adjust it to your link here:

See

---

HTML

  & lt ;! DOCTYPE html public "- // W3C / / DTT XHTML 1.0 Transcription // N" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> & Lt; Html xmlns = "http://www.w3.org/1999/xhtml" & gt; & Lt; Top & gt; & Lt; Meta http-equiv = "content-type" content = "text / html; charset = UTF-8" /> & Lt; Link rel = "stylesheet" type = "text / css" href = "mainstylesheet.css" /> & Lt; Title & gt; Home and lt; / Title & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; Div id = "parent" & gt; & Lt; Div id = "child-left" & gt; & Lt; Img name = "logo" src = "width =" 200px "height =" 50px "alt =" "/> & Lt; / Div & gt; & Lt; Div id = "child-right" & gt; & Lt; Div id = "menupad" & gt; & Lt; Div id = "menuend" & gt; Contact & lt; / Div & gt; & Lt; Div id = "menu" & gt; Gallery & lt; / Div & gt; & Lt; Div id = "menu" & gt; & Lt; / Div & gt; About & lt; Div id = "menu" & gt; Home & lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "clear" & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Body & gt; & Lt; / Html & gt;  

---

css

  @churset "UTF-8"; / * Main CSS Document * / #parent {Max-width: 900px; Margin: 0 auto; Border bottom: thin groove # 000; } # Child-left {float: left; Height: 50px; } # Child-correct {float: true; Height: 50px; Line-height: 80px; Vertical-alignment: bottom; } #lolopolent {height: 50px; } # Menu {float: true; Font-family: "courier new", courier, monospace; Margin-left: 10px; } #Mainund {Float: Correct; Font-family: "courier new", courier, monospace; Margin-left: 10px; }. Clear {clear: both; }