i have the following code:
.default-body-topstory-box
{
width: 455px;
height: 305px;
background-image:url(
http://www.xxx.com/new_xxa/MainImages/Homepage/top-story-bg.gif);
background-repeat: no-repeat;
margin: 0px;
text-align: left;
vertical-align: top;
float: left;
position: relative;
}
.default-body-topstory-inn
erbox
{
top: 55px;
left: 17px;
width: 390px;
border: solid 1px red;
margin: 0px;
text-align: left;
vertical-align: top;
float: left;
position: absolute;
overflow: hidden;
}
.default-body-topstory-img
{
margin: 0px;
text-align: center;
vertical-align: top;
float: left;
position: relative;
}
.default-body-topstory-tex
tbox
{
margin: 0px 0px 0px 5px;
text-align: left;
vertical-align: top;
float: left;
position: relative;
}
.default-body-topstory-hea
dline-font
{
font-family: Arial;
font-size: 20px;
color: Black;
font-style: normal;
font-weight: bold;
text-decoration: none;
}
a:hover.default-body-topst
ory-headli
ne-font
{
text-decoration: underline;
}
.default-body-topstory-tex
t-font
{
font-family: Arial;
font-size: 14px;
color: Black;
font-style: normal;
font-weight: normal;
text-decoration: none;
}
<div class="default-body-topsto
ry-box">
<div class="default-body-topsto
ry-innerbo
x">
<div class="default-body-topsto
ry-img">
<asp:HyperLink ID="TS_Img_Link" runat="server"><asp:Image ID="TS_Img" runat="server" /></asp:HyperLink>
</div>
<div class="default-body-topsto
ry-textbox
">
<div><asp:HyperLink ID="TS_Headline" runat="server" CssClass="default-body-top
story-head
line-font"
/></div>
<div><asp:HyperLink ID="TS_Text" runat="server" CssClass="default-body-top
story-text
-font" /></div>
</div>
</div>
</div>
i am trying to get the same result that i get in IE.....in Safari. Please see attached file.
Start Free Trial