Hi,

I'm currently creating my website called http://www.boeddo.com. But I have one problem, when I go to the website on my iPhone everything works fine, but when I turn it to landscape mode, some text goes away. Here is the picture: pic.png.

This is the CSS:

#welcome_holder {
    width: 100%;
    position: fixed;
    top: 110px;
    background: none;
    }

  #welcome {
    width: 960px;
    margin: auto;
    font-family: Helvetica;
    font-weight: bold;
    background: none;
    position: relative;
    top: 140px;
    margin-left: auto;
    margin-right: auto;
    }

  .text-border {
    display:inline-block;
    background: rgba(136, 136, 136, 0.3);
    padding:12px;
    margin:4px 10px;
    color:#fff;
    font-size: 36px;
    }

  .no-rgba .text-border {
    background-color:#888;
    }

and this is the HTML:

  <div id="main" class="clearfix">
  <div id='welcome_holder'>
  <div id='welcome'>
  <span class='text-border'>Hi there!</span></br>
  <span class='text-border'>Welcome on my site</span></br>
  <span class='text-border'>My name is Quincy Kools</span></br>
  <span class='text-border'>I'm an interactive developer</span></br>
  <span class='text-border'>Have fun :-)</span></br>
  </div><!-- end welcome -->
  </div><!-- end welcome_holder -->
  </div><!-- end main clearfix -->

Could anybody help me, please? I would like that the text is visible on my iPhone.

Thanks, Boeddo

(Sorry when I speak bad English, I'm a Dutch man)