afdw

На CSS не получится, на JS сделал: http://jsfiddle.net/7JFkP/5/.

Не верстал таблицами, не знаю, возможно ли это с ними, но попробуй сделать CSS код как для резинового сайт и добавь его в

@media screen and (min-width: 600px) { /*600 - минимальная ширина экрана телефона, ясли нужно, поменяй*/  /*TODO: твой код*/}

После этого добавь

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=no, maximum-scale=1.0">

Дайте PSD, сделаю.

Дайте ссылку на сайт!

Не очень понял, вы это имели ввиду: http://jsfiddle.net/N5gJ5/?

CSS обрезался. выложи сюда: http://jsfiddle.net/.

IE8 думает, что <!-- --> - это элемент

Измените в коде

Было:

              <div class="msbsw-slide msbsw-slide-one">

                <div class="msbsws-block">

                  <h1 class="msbswsb-header">Lorem ipsum is symply</h1>

                  <p class="msbswsb-text">dummy text of the<br>printing & typesetting</p>

                  <button class="msbswsb-button">

                    <span class="msbswsbb-icon"></span> Sign up now

                  </button>

                </div>

              </div><!--

            --><div class="msbsw-slide">

                <h1 class="msbswsb-header">Ut enim ad minim veniam</h1>

                <p class="msbswsb-text">quis nostrud exercitation<br>ullamco laboris nisi</p>

              </div><!--

            --><div class="msbsw-slide">

              <h1 class="msbswsb-header">Duis aute irure dolor</h1>

                <p class="msbswsb-text">velit esse cillum dolore<br>sunt in culpa qui officia</p>

              </div>

Стало:

              <div class="msbsw-slide msbsw-slide-one">

                <div class="msbsws-block">

                  <h1 class="msbswsb-header">Lorem ipsum is symply</h1>

                  <p class="msbswsb-text">dummy text of the<br>printing & typesetting</p>

                  <button class="msbswsb-button">

                    <span class="msbswsbb-icon"></span> Sign up now

                  </button>

                </div>

              </div>

              <div class="msbsw-slide">

                <h1 class="msbswsb-header">Ut enim ad minim veniam</h1>

                <p class="msbswsb-text">quis nostrud exercitation<br>ullamco laboris nisi</p>

              </div>

              <div class="msbsw-slide">

              <h1 class="msbswsb-header">Duis aute irure dolor</h1>

                <p class="msbswsb-text">velit esse cillum dolore<br>sunt in culpa qui officia</p>

              </div>

Border сдвигает элемент, outline - нет. Демо: http://jsfiddle.net/HCqzS/2

Отметив baseline'ы, видно, что текст идёт не по дуге, просто под углом, а это делается просто: http://jsfiddle.net/vP2ku/.

http://jsfiddle.net/x8R2U/1/

PS: За одно разобрался, как работает jsfiddle :-)

Зачем iframe: http://jsfiddle.net/x8R2U/?

А в чём проблема: http://jsfiddle.net/CV7qv/?

Так: http://jsfiddle.net/T98Dx/1/?

Может это подойдёт: http://habrahabr.ru/post/183630/.

Фуф, наконец-то сделал: http://jsfiddle.net/dJrD5/2/embedded/result/.

В Яндекс.браузере есть viewer: http://browser.yandex.ru/desktop/#docs.

outline: none;