Форум Сайтостроение Веб-строительство

CSS: Смещение текста в Mozilla Firefox

L
На сайте с 07.04.2013
Offline
1
likeapimp
1246

Такая проблема: во всех браузерах сайт отображается нормально, а в FF текст div элемента "head" смещается вниз. Прикрепил скрины и css код, помогите решить проблему. 

body {

background: url(http://www.che.com/img/bg.gif); 

font-family:Verdana;

font-size:8pt;

}

 

a:link {

color:#8B0000;

text-decoration: none;

}

 

a:hover {

color:#8B0000;

text-decoration: underline;

}

 

.tabset_content {position:relative; z-index:1; padding:0.5em 1em; display:none }

.tabset_content_active  { display:block }

 

@media aural{

    .tabset_content,

    .tabset_label   { display:block }

}

 

.tabset_tabs {

 list-style-type: none;

 margin-top:-10px;

}

 

.main {

width:70%;

margin-top:50px;

margin-left:130px;

 

}

 

.side{

background:#fff;

border-radius: 10px 70px;

width:700px;

height:100%;

border: 2px outset #fff;

}

 

.vmenu {

float:right;

font-family:Segoe UI Light, Segoe UI, sans-serif;

font-weight: lighter;

font-size:40pt;

color:#8B0000;

text-decoration:none;

}

 

.vmenu:hover {

float:right;

font-family:Segoe UI Light, Segoe UI, sans-serif;

font-weight: lighter;

font-size:40pt;

color:#fff;

text-decoration:none;

background:#8B0000;

cursor: url(img/icon.png);

}

 

 

.head {

float:right;

font-family:Segoe UI Light, Segoe UI, sans-serif;

font-weight: lighter;

font-size:20pt;

text-align:right;

}

 

.h1 {

font-family:Segoe UI Light, Segoe UI, sans-serif;

font-weight: lighter;

font-size:12pt;

}

 

.ph {

height:150px;

width:200px;

display: inline;

}

 

.tlph {

background:grey;

width:300px;

color:white;

border-radius: 10px 10px 0 0;

}

 

.tlph2 {

background:#f5f5f5;

width:350px;

color:black;

border-top:1px solid #cdcdcd;

height:20px;

}

 

.tlph_p {

background:grey;

width:300px;

color:white;

border-radius: 10px 10px 0 0;

}

 

.mem {

background:orange;

width:350px;

color:white;

border-top:1px solid #cdcdcd;

height:20px;

 

}

 

.mem2 {

background:orange;

width:640px;

color:white;

height:20px;

font-family:Segoe UI Light;

font-size:12pt;

 

}

 

 

.tle {

margin-left:5px;

}

 

.wlink {

color:#fff;

}

 

.wlink:hover {

color:#fff;

text-decoration:none;

}

 

.date{

float:right;

margin-right:5px;

}

 

.empt {

border-bottom:1px dotted #cdcdcd;

width:350px;

}

 

.empt2 {

border-bottom:1px dotted #cdcdcd;

width:200px;

}

 

.empt3 {

border-bottom:1px dotted #cdcdcd;

width:640px;

}

 

.footer {

font-size:8pt;

margin-top:20px;

margin-bottom:20px;

margin-left:500px;

}

 

 

#contact-wrapper {

    width:580px;

    border:1px solid #e2e2e2;

    background:#f1f1f1;

    padding:20px;

    border-radius: 10px 10px 10px 10px;

}

#contact-wrapper div {

    clear:both;

    margin:1em 0;

}

#contact-wrapper label {

    display:block;

    float:none;

    font-size:16px;

    width:auto;

}

form#contactform input {

    border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;

    border-style:solid;

    border-width:1px;

    padding:5px;

    font-size:16px;

    color:#333;

}

form#contactform textarea {

    font-family:Arial, Tahoma, Helvetica, sans-serif;

    font-size:100%;

    padding:0.6em 0.5em 0.7em;

    border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;

    border-style:solid;

    border-width:1px;

}

 

.changes {

opacity: 0.5; 

filter: alpha(Opacity=50);

padding-left:5px;

background:White;

color:grey;

-webkit-transition: background 0.5s, color 0.3s ease;

}

 

.opacity {

opacity: 0.75; 

filter: alpha(Opacity=75);

-webkit-transition: background 0.5s, color 0.3s ease;

}

 

.opacity:hover {

opacity: 1; 

filter: alpha(Opacity=100);

}

 

.leftimg {

float:left; 

margin: 7px 7px 7px 0;

}

   

.rightimg  {

float: right; 

margin: 7px 0 7px 7px; 

}

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий