удалить верхнюю границу

Question

У меня есть два DIV, один содержит новый релиз и должен, другой содержит целые данные. оба имеют красную границу. Я удаляю нижнюю границу первого div.

Я хочу, чтобы удалить границу, где я отмечен красным прямоугольником:

Answer 1

Вы можете создать еще один DIV, чтобы занять место справа от вкладки «Must». Установите нижнюю границу этого div на «1px solid red». Затем снимите рамку с окна новостей и нижнюю границу с самих вкладок.

Answer 2

У вашей активной вкладки есть position:relative и z-index выше, чем поле с содержанием. Затем добавьте border-bottom: 1px solid white и дайте ему margin-bottom: -1px.

Answer 3

С текущего проектом: http://jsfiddle.net/aVZLH/1/

Может быть, у вас есть какая-то дополнительная работа для IE. Но рудиментарный он должен показать вам способ решить вашу проблему ... Без дополнительной разметки в вашем документе.

<ul> 
    <li class="current">Tab #1</li> 
    <li>Tab #2</li> 
</ul> 
<div class="content"> 
    <p>MY AWESOME CONTENT</p> 
</div> 

/*CSS*/ 
ul { 
    overflow: hidden; 
    position: relative; 
    top: 1px; 
    z-index: 2; 
} 

li { 
    color:#fff; 
    background:red; 
    float:left; 
    border:1px solid red; 
    padding:5px 10px; 
    position:relative; 
    top:1px; 
} 

.current { 
    background: #FFFFFF; 
    border-bottom: 0; 
    color: red; 
} 

.content { 
    padding:20px; 
    border:1px solid red; 
    position:relative; 
    z-index:1; 
}