Need help with css border and Explorer 8

The problem occurs only on Explorer 8, and in Chrome and Firefox works just fine.
It’s going like that:

The inputs I marked in red appears (only sometimes) to hide the left border of the input - when I refresh it few times it might unhide it.
The border of the #text div which I marked in green, sometimes being hidden too, and when I refresh it it might unhide the border too.
The problems happens ONLY in Explorer, in Chrome and Firefox it work fine.

The css code of the input:

#contactTable tr td input
{
    width:150px;
    margin-right:10px;
    margin-bottom:5px;
    padding:3px;
    border:solid 1px #858585;
}

The css code of the general div:

#leftCol
{
    direction:rtl;
    float:left;
    width:235px;
}

And inside the #leftCol div, there’s the #text

#text 
{
    padding:10px;
    background:url(images/cont-tail.png) repeat;
    text-align:justify;
    color:#6e6e6e;
    line-height:18px;
    height:210px;
    border:solid 1px #b6b6b6;
}

Anyone, please?

No one can really help based on a partial CSS code :slight_smile: Post a live link or a functional HTML & CSS code describing your problem.

Got you,
There’s the HTML page code:

<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
        <head>
        </head>
        <body>
            <div id="mainDiv">
            <div id="rightCol">
                <table id="headTitle" style="width:580px;"> 
                    <tr>
                        <td style="padding-left:10px;"><img src="images/main.png" /></td>
                        <td>SKDesigns &#1508;&#1514;&#1512;&#1493;&#1504;&#1493;&#1514; &#1488;&#1497;&#1504;&#1496;&#1512;&#1504;&#1496; &#1502;&#1514;&#1511;&#1491;&#1502;&#1497;&#1501;</td>
                    </tr>
                </table>
                
                <div id="text">
                    <b style="color:#636363;">SKDesigns &#1492;&#1497;&#1488; &#1495;&#1489;&#1512;&#1492; &#1500;&#1506;&#1497;&#1510;&#1493;&#1489; &#1493;&#1489;&#1504;&#1497;&#1497;&#1514; &#1488;&#1514;&#1512;&#1497;&#1501; &#1488;&#1513;&#1512; &#1502;&#1505;&#1508;&#1511;&#1514; &#1502;&#1490;&#1493;&#1493;&#1503; &#1512;&#1495;&#1489; &#1513;&#1500; &#1508;&#1514;&#1512;&#1493;&#1504;&#1493;&#1514; &#1506;&#1497;&#1510;&#1493;&#1489; &#1493;&#1489;&#1504;&#1497;&#1497;&#1514; &#1488;&#1514;&#1512;&#1497;&#1501;. &#1489;&#1488;&#1502;&#1510;&#1506;&#1493;&#1514; &#1506;&#1497;&#1510;&#1493;&#1489; &#1490;&#1512;&#1508;&#1497; &#1488;&#1497;&#1499;&#1493;&#1514;&#1497; &#1514;&#1493;&#1499;&#1500; &#1500;&#1492;&#1489;&#1496;&#1497;&#1495; &#1493;&#1500;&#1492;&#1513;&#1488;&#1497;&#1512; &#1495;&#1493;&#1514;&#1501; &#1506;&#1500; &#1512;&#1510;&#1497;&#1504;&#1493;&#1514; &#1506;&#1505;&#1511;&#1498; &#1493;&#1489;&#1499;&#1498; &#1500;&#1490;&#1512;&#1493;&#1501; &#1500;&#1502;&#1489;&#1511;&#1512;&#1497;&#1501; &#1500;&#1492;&#1508;&#1493;&#1498; &#1500;&#1500;&#1511;&#1493;&#1495;&#1493;&#1514; &#1511;&#1489;&#1493;&#1506;&#1497;&#1501;.</b><br /><br />
                    &#1489;&#1514;&#1511;&#1493;&#1508;&#1492; &#1489;&#1492; &#1488;&#1504;&#1493; &#1495;&#1497;&#1497;&#1501;, &#1499;&#1502;&#1506;&#1496; &#1500;&#1499;&#1500; &#1506;&#1505;&#1511;, &#1490;&#1491;&#1493;&#1500; &#1488;&#1493; &#1511;&#1496;&#1503;, &#1497;&#1513; &#1488;&#1514;&#1512; &#1488;&#1497;&#1504;&#1496;&#1512;&#1504;&#1496;.* &#1489;&#1502;&#1490;&#1493;&#1493;&#1503; &#1499;&#1492; &#1512;&#1495;&#1489; &#1513;&#1500; &#1488;&#1514;&#1512;&#1497; &#1488;&#1497;&#1504;&#1496;&#1512;&#1504;&#1496;, &#1488;&#1514;&#1492; &#1489;&#1514;&#1493;&#1512; &#1489;&#1506;&#1500; &#1506;&#1505;&#1511;, &#1510;&#1512;&#1497;&#1498; &#1500;&#1492;&#1489;&#1496;&#1497;&#1495; &#1513;&#1492;&#1490;&#1493;&#1500;&#1513; &#1497;&#1514;&#1506;&#1499;&#1489; &#1493;&#1497;&#1514;&#1506;&#1504;&#1497;&#1497;&#1503; &#1491;&#1493;&#1493;&#1511;&#1488; &#1489;&#1488;&#1514;&#1512; &#1513;&#1500;&#1498;, &#1493;&#1500;&#1488; &#1513;&#1500; &#1502;&#1514;&#1495;&#1512;&#1492;. 
                    <br />
                    <br />
                    SKDesigns &#1492;&#1497;&#1504;&#1492; &#1495;&#1489;&#1512;&#1514; &#1488;&#1497;&#1504;&#1496;&#1512;&#1504;&#1496; &#1488;&#1513;&#1512; &#1502;&#1514;&#1502;&#1495;&#1492; &#1489;&#1514;&#1495;&#1493;&#1502;&#1497;&#1501;:<br />
                    
                    <b>&#1488;&#1497;&#1498; &#1506;&#1493;&#1513;&#1497;&#1501; &#1494;&#1488;&#1514;?</b> &#1489;&#1506;&#1494;&#1512;&#1514; &#1489;&#1504;&#1497;&#1497;&#1492; &#1493;&#1506;&#1497;&#1510;&#1493;&#1489; &#1513;&#1500; &#1488;&#1514;&#1512; &#1502;&#1511;&#1510;&#1493;&#1506;&#1497;. &#1488;&#1514;&#1512; &#1488;&#1513;&#1512; &#1502;&#1506;&#1493;&#1512;&#1512; &#1505;&#1511;&#1512;&#1504;&#1493;&#1514;, &#1502;&#1489;&#1495;&#1497;&#1504;&#1492; &#1490;&#1512;&#1508;&#1497;&#1514; &#1493;&#1496;&#1511;&#1505;&#1496;&#1493;&#1488;&#1500;&#1497;&#1514;, &#1488;&#1512;&#1490;&#1493;&#1503; &#1504;&#1499;&#1493;&#1503; &#1513;&#1500; &#1492;&#1491;&#1507;, &#1502;&#1502;&#1513;&#1511; &#1497;&#1491;&#1497;&#1491;&#1493;&#1514;&#1497; &#1500;&#1490;&#1493;&#1500;&#1513; &#1506;&#1501; &#1514;&#1508;&#1512;&#1497;&#1496; &#1504;&#1493;&#1495;, &#1506;&#1497;&#1510;&#1493;&#1489; &#1504;&#1511;&#1497;, &#1504;&#1506;&#1497;&#1501; &#1493;&#1488;&#1505;&#1514;&#1496;&#1497;. &#1488;&#1514;&#1512; &#1499;&#1494;&#1492;, &#1492;&#1493;&#1488; &#1492;&#1488;&#1514;&#1512; &#1513;&#1497;&#1514;&#1508;&#1493;&#1505; &#1488;&#1514; &#1514;&#1513;&#1493;&#1502;&#1514; &#1500;&#1489;&#1501; &#1513;&#1500; &#1492;&#1490;&#1493;&#1500;&#1513;&#1497;&#1501; &#1489;&#1488;&#1514;&#1512;, &#1493;&#1497;&#1514;&#1512;&#1493;&#1501; &#1500;&#1512;&#1493;&#1493;&#1495; &#1492;&#1506;&#1505;&#1511; &#1513;&#1500;&#1498;. 
                    <br />
                    &#1492;&#1505;&#1496;&#1493;&#1491;&#1497;&#1493; &#1508;&#1493;&#1506;&#1500; &#1502;&#1513;&#1504;&#1514; 2010 &#1493;&#1502;&#1514;&#1502;&#1495;&#1492; &#1489;&#1504;&#1493;&#1513;&#1488; &#1506;&#1497;&#1510;&#1493;&#1489; &#1488;&#1514;&#1512;&#1497;&#1501; &#1500;&#1488;&#1497;&#1504;&#1496;&#1512;&#1504;&#1496; &#1493;&#1502;&#1510;&#1497;&#1506; &#1500;&#1500;&#1511;&#1493;&#1495;&#1493;&#1514;&#1497;&#1493; &#1506;&#1489;&#1493;&#1491;&#1492; &#1502;&#1511;&#1510;&#1493;&#1506;&#1497;&#1514; &#1492;&#1504;&#1506;&#1513;&#1497;&#1514; &#1489;&#1492;&#1514;&#1488;&#1501; &#1500;&#1491;&#1512;&#1497;&#1513;&#1493;&#1514; &#1492;&#1500;&#1511;&#1493;&#1495;.
                </div>
            </div>
            <div id="leftCol">
                <table id="headTitle" style="width:240px;"> 
                    <tr>
                        <td style="padding-left:10px;"><img src="images/contact.png" /></td>
                        <td>&#1496;&#1493;&#1508;&#1505; &#1497;&#1510;&#1497;&#1512;&#1514; &#1511;&#1513;&#1512;</td>
                    </tr>
                </table>
                <%--<div id="headTitle" style="width:240px;"><img src="images/contact.png" />&nbsp;&nbsp;&#1496;&#1493;&#1508;&#1505; &#1497;&#1510;&#1497;&#1512;&#1514; &#1511;&#1513;&#1512;</div>--%>
                <div id="text">
                    <table cellpadding="0" cellspacing="0" id="contactTable">
                        <tr>
                            <td style="color:#636363;"><b>&#1513;&#1501;:</b></td>
                            <td><asp:TextBox ID="TextBoxName" runat="server" MaxLength="30"></asp:TextBox></td>
                        </tr>
                        <tr>
                            <td style="color:#636363;"><b>&#1491;&#1493;&#1488;"&#1500;:</b></td>
                            <td><asp:TextBox ID="TextBoxEMail" runat="server" MaxLength="60"></asp:TextBox></td>
                        </tr>
                        <tr>
                            <td style="color:#636363;"><b>&#1496;&#1500;&#1508;&#1493;&#1503;:</b></td>
                            <td><asp:TextBox ID="TextBoxPhone" runat="server" MaxLength="30"></asp:TextBox></td>
                        </tr>
                        <tr>
                            <td style="color:#636363;" valign="top"><b>&#1508;&#1504;&#1497;&#1497;&#1492;:</b></td>
                            <td><asp:TextBox ID="TextBoxDetails" runat="server" TextMode="MultiLine" Height="80" CssClass="textArea"></asp:TextBox></td>
                        </tr>
                        <tr>
                            <td></td>
                            <td>
                                <asp:Button ID="Button1" runat="server" CssClass="sendButton" Text="&#1488;&#1508;&#1505;" Width="60" Height="25" />
                                <asp:Button ID="Button2" runat="server" CssClass="sendButton" Text="&#1513;&#1500;&#1495;" Width="60" Height="25" />
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
            </div>  
        </body>
    </html>
</asp:Content>


And the CSS code:

body 
{
    margin:0;
    padding:0; 
    background:url(images/bodyBg.jpg) repeat-x top left #efefef;
    font-size:12px; font-family:Arial; color:White; 
}
#page 
{
    width:826px; margin:0px auto; padding:0 0 42px 0; position:relative;
}   
#topMenu 
{
    background:url(images/topBg.jpg) repeat-x center top; 
    width:100%; height:146px;
}
#logo 
{
    background:url(images/logo2.jpg) no-repeat top left; width:255px; height:79px;
}
#buttonsBar
{
    float:right;
}
li a
{
   text-decoration:none;
   color:White;
}
li a:hover
{
    border-bottom:dotted 1px White;
}
li
{
    list-style-type:none;
    display:inline;
}
#line
{
    padding:0 10px;
    color:#8c8c8c;
}
#subLogo
{
    background:url(images/subLogo.jpg) no-repeat top center; width:826px; height:155px;
    top:-10px;
    margin:0 auto;
}
#mainDiv 
{
    width:826px; 
    margin:0 auto;
    margin-top:140px;
}
#rightCol 
{
    direction:rtl; 
    width:580px; float:right; 
    /*border:Solid 2px #ababab;*/
    height:300px;
}
#text 
{
    padding:10px;
    background:url(images/cont-tail.png) repeat;
    text-align:justify;
    color:#6e6e6e;
    line-height:18px;
    border:solid 1px #b6b6b6;
}
#headTitle
{
    background:#535353; padding:0px; padding-right:5px; height:30px;
    font-weight:bold; font-size:14px; display:table-cell; vertical-align:middle;
}
#leftCol
{
    direction:rtl;
    float:left;
    width:235px;
}
#contactTable tr td input
{
    width:150px;
    margin-right:10px;
    margin-bottom:5px;
    padding:3px;
    border:solid 1px #858585;
}
.textArea
{
    font-family:Arial;
    margin-top:3px;
    width:150px;
    margin-right:10px;
    padding:2px;
    border:solid 1px #858585;
}
.sendButton
{
    background:url(images/buttonBg.jpg); width:60px; height:25px; margin-top:8px; font-size:11px; border:solid 1px #858585;
}
.specialization
{
    
}
#footer
{
    direction:rtl;
    width:100%;
    background:url(images/footerBg.jpg) repeat-x;
    border-top:solid 3px #c9c9c9; 
    height:69px;
    float:right;
    margin:0 auto 0 auto;
    bottom:0;
    text-align:center;
}

Can you post the code from view source as that asp code is of no use to us.:slight_smile: