Witajcie, problem jaki mi się pojawił to zawijające się menu, mam diva z logo i diva z menu wyglądają tak: 

[HTML] pobierz, plaintext 
  1. <div class="headlogo">
  2. <div class="headmenu">$sMenu2</div>
  3. </div>
[HTML] pobierz, plaintext


no i css: 

[HTML] pobierz, plaintext 
  1.  
  2. .headlogo {
  3.  
  4.     width:100%;
  5.     height:351px;
  6.     background:url(logo.jpg) no-repeat;
  7.     background-size:100% 351px;
  8.     margin-top: -355px;
  9.     position:absolute; 
  10.     }
  11. .headmenu {
  12. 	margin-top: 300px;
  13. 	margin-left: 530px;
  14. 	}
[HTML] pobierz, plaintext


No i ładnie logo mi się skaluje w szerokość przeglądarki, ale menu wskakuje jedno pod drugie, czy da się zrobić żeby skalowało się wraz z grafiką? Albo w ogóle coś byle żeby się nie podwijało? próbowałem: 
[HTML] pobierz, plaintext 
  1. white-space: nowrap; overflow: hidden; 
[HTML] pobierz, plaintext

Może jakieś procentowe rozwiązanie jest?

-----------

Poradziłem sobie używając mediów do różnych szerokości, zmniejszeniem czcionki i marginesu. Pozdrawiam