posicionamiento absoluto del anuncio de la bandera sin solapamiento imagen de cabecera

Question

Estoy trabajando en un sitio web que utiliza un foro más antiguo mensaje de vBulletin. La configuración actual funciona bien en su mayor parte, sin embargo, al abrir el foro en mi dispositivo móvil, veo el anuncio de la bandera (728x90) la imagen del logotipo se solapan y que sólo se ve mal. Se hace aún más desordenado cuando se mira en la colocación de la bandera css debido a que la parte superior y porciones adecuadas se ajustan a las necesidades del resto de la disposición.

Mi pregunta básica es ¿cómo puedo hacer de nuevo esto para que la bandera no se NUNCA la imagen del logotipo de solapamiento, mientras que mantiene las compensaciones necesarias para adaptarse al resto del diseño?

#container{
    width: 100%;
    height: 100px;
}
#logo{
    width:230px;
    height: 63px;
}
#advertisement{
    height: 90px;
    width: 728px;
    position: absolute;
    right:10px;
    top: 7.5px;
}



<div id="container"> 
   <div id="logo"><a href="index.php"><img src="logo.jpg" border="0" alt="Whatever" /></a></div>
   <div id="advertisement"></div> 
</div> 

** No es mi CSS o HTML

Answer 1

I daría #container la propiedad "min-width: 958", y mantener la anchura de 100%. De esa manera, la página siempre será lo suficientemente ancha, tanto para el logotipo y el anuncio.