my css displaying inline is displaying over text

[Johnnymushio]

#billboard {
color: #ffffff;
font: 14px arial;
height: 25px;
margin: 0 25px 0 25px;
padding: 0;
position: absolute;
bottom: 17px;
width: 850px;
}
.billcontent {
width: 100%;
}
#billboard a {
color: #ffffff;
display: inline;
}


<div id="billboard">
<div id="billboard0" class="billcontent">Japan Townへようこそ！！</div>
<div id="billboard1" class="billcontent">The <a href="/japanchat.php?frames">chat room</a> and message board are open!!</div>
<div id="billboard2" class="billcontent">Enjoy the new site design!!</div>
</div>

page: http://japantown.awardspace.com/

wait 5 seconds for the billboard to change.

if i do not display it inline, the link gets displayed below the line, displaying it inline makes it display over the text following it.

how can I make it display normally?

[Nile]

It's because in your CSS:


#header a {
display: block;
position: absolute;
}

That link is inheriting the position.

[Johnnymushio]

Thanks, I didn't think to change position.

[Nile]

No problem, I'm glad to help :D

Here on DD, we like to keep things organized. In an effort to do so, you have the option to set a thread to resolved when an issue is fixed. To make the status of the thread resolved:
1. Go to your first post
2. Edit your first post
3. Click "Go Advanced"
4. In the dropdown next to the title, select "RESOLVED"