Navigation float/position issues.. Help?

Hey there, I'm having some trouble getting my navigation to stay within the header(100% width) when the page is made smaller. I want it to move dynamically with the page, and remain about 30px away from the right hand side. I tried to set a min-width so when the page gets smaller than lets say 1000px, it locks in place and doesn't drop float down.

Why are you moving the sub-menu Webkit & IE6/7???

Hi CSS guru's!

I really hate asking for help before contributing to the community, but I really hope someone can help me figure this out since I've literally started hitting my head on the desk after trying everything I can think of and find with Google.

My issue is that the sub menu is showing up on the same line as the main menu in Chrome and bunched up on the left in IE 6 & 7. All versions of Firefox and Opera plus IE 8 & 9 display the page how I want it.

I attached screen shots of the 3...layouts.

Thanks so much for all your help!

here's my css code:

Fixed header not fixed in ie8


I've tried searching and checked my Doctype is declared but I still can't get the header to remain in fixed position in ie8. It works fine in FF, Opera, Safari, etc.

I want the header and footer to remain in place while the rest of the page scrolls, but the whole thing scrolls upward.

I've tried different Doctypes but no change. Your help would really be appreciated.

The markup:

 * Theme header
 * Displays all of the <head> section and everything up until hr under the mainnav

Text repeating below div

I have a strange little error...In IE6 naturally. I've got a small sidebar with text/links in it. But on each page in IE6, the last item in the sidebar somehow hops out of the div and shows up below it. Sometimes, it even repeats! Works fine in everything else. What did I do wrong? This is still under development...

Screen shot 2011-09-02 at 4.05.48 PM.png

Images not displaying in IE

Hello there,

Syndicate content