title: Why don't fixed elements accept max-width?
body: <p>First of all, I can't post any code here as the problem is with my <strong><a href="http://www.vkcreativework.blogspot.com" rel="nofollow">blog</a></strong>.
  Please open this. Now, there are 2 problems, actually.</p>
  
  <p><strong>Main problem:</strong></p>
  
  <p>If you notice the content on the top, which is actually the <strong>header</strong> containing my blog's title, has <strong>fixed</strong> position. Same is with the div just below it, that is my <strong>navigation</strong> panel (div with class <strong>tabs-outer</strong>). Both these elements have max-width: 1090px, BUT IT"S NOT WORKING. Is there any way so that these elements are fixed and also accept max-width?</p>
  
  <p><strong>Problem 2:</strong></p>
  
  <p>Second thing is that, when you decrease the screen width of your browser, the div having main content (i.e., div with class <strong>content-outer</strong>) contracts, as I have set max-width property for it. But the problem is that when you open this blog in any <strong>smartphone</strong>, it doesn't follow it. The blog opens with 1090px width. Why is it happening? Is there something I am missing?</p>