IE help! Super stumped (slightly annoyed!)

[whaus7]

So this is my first template basically. Usually i'm just editing/altering, but this one is mine and I'm having 2 issues with IE.

1.) my left menu bar is getting margined over or something, cant figure it out for the life of me.. its also counting my 170px "leftMenuBar" div as 150px..?

2.) my greySpacer which is 10px, IE wants to say its 18px. dreamweaver also will say its 10px then next to it to the right, it says (18px)

everything works flawlessly in chrome and firefox thus far, so I hope.. haven't really tried other versions. Please help me and please let me know any other problems! thank you very very much! I don't usually ask for help I'm a stubborn one but please help!

Best way to explain the problem is to see it... http://hairbarbiextensions.com

[sunfighter]

Amoung other errors:

<div id="leftMenuBar">      
    	<div id="example3" >
        	<ul class="kwicks">
                  <li id="kwick1">&nbsp;Full Lace</li>
                  <li id="kwick2">&nbsp;Fusion</li>
                  <li id="kwick3">&nbsp;Wigs</li>
                  <li id="kwick4">&nbsp;Extensions</li>
                  <li id="kwick5">&nbsp;Wefts</li>
                  <li id="kwick6">&nbsp;Lace Front</li>
                  <li id="kwick7">&nbsp;More</li>
                  <li id="kwick7">&nbsp;More</li>
                  <li id="kwick7">&nbsp;More</li>
                  <li id="kwick7">&nbsp;More</li>
                  <li id="kwick7">&nbsp;More</li>
                  <li id="kwick7">&nbsp;More</li>
                  <li id="kwick7">&nbsp;More</li>
                  <li id="kwick7">&nbsp;More</li>
                  <li id="kwick7">&nbsp;More</li>
                  <li id="kwick7">&nbsp;More</li>
                  <li id="kwick7">&nbsp;More</li>
                  <li id="kwick7">&nbsp;More</li>
                  <li id="kwick7">&nbsp;More</li>
                  <li id="kwick7">&nbsp;More</li>
                  <li id="kwick7">&nbsp;More</li>
                  <li id="kwick7">&nbsp;More</li>
                  <li id="kwick7">&nbsp;More</li>
                  <li id="kwick7">&nbsp;More</li>
                  <li id="kwick7">&nbsp;More</li>
                  <li id="kwick7">&nbsp;More</li>
                  <li id="kwick7">&nbsp;More</li>
                  <li id="kwick7">&nbsp;More</li>
                  <li id="kwick7">&nbsp;More</li>
                  <li id="kwick7">&nbsp;More</li>
                  <li id="kwick7">&nbsp;More</li>
                  <li id="kwick7">&nbsp;More</li>
			</ul>
		</div>

You can only use an ID once. Use class when it's for more.
Go to http://validator.w3.org and fix your errors.

[teedoff]

To add to sunfighter's helpful post, I think your use of absolute positioning for the <li>'s are whats giving you the problems. But clean correct mark-up is the most important step in debugging.

[Daniel_A_Varney]

I don't like the way the links move when I mouse over them. It's annoying.

[alykins]

i thought it was cool (what you had the other day w/ the pink "more" thingers )... and the site is visually appealing

[whaus7]

well I kinda thought it was too much too before I even put it in, so Dan put me over the edge and I changed it since I thought it was "too much" movement

Sunfighter thanks so much for the help, im such a noob I never even new the difference between class and ID although I guess I wondered it often lol.

And thanks for the link to the error checking that is amazing.

thanks for the advice Dan, what do you think of it now?

And I have another problem now with IE, my menu on the left. IE is double spacing every element, I must still be doing something improper.

One other issue.. I'm trying to setup my "content" div so it expands its height appropriately when I add other divs inside of it.. height 100% was only expanding it like 25% down

[sunfighter]

Looks ok in IE8, what ver are you using.

[whaus7]

using IE9 on vista

[whaus7]

So how do I tie this thing together? I made my footer and im trying to get my content to expand when I add content so when I make more pages i'm not sizing contents manually.

content is coming down to the bottom in IE but not chrome.. definitely doing something catastrophically wrong

[sunfighter]

Sorry can't help, don't have IE9, but here's a free bumb. maybe someone will look and give you a hand.

[teedoff]

You still have just a few html mark up errors that may be causing your issues.

http://validator.w3.org/check?uri=ht...Inline&group=0