# "dead center" with swfobject.js and CSS
**URL:** https://forum.kirupa.com/t/dead-center-with-swfobject-js-and-css/228075
**Category:** web dev
**Created:** [June 5, 2007, 6:09am UTC](https://forum.kirupa.com/t/dead-center-with-swfobject-js-and-css/228075 "2007-06-05T06:09:29Z")
**Posts on this page:** 1
**Page:** 1
### Author:  [@rf1017](https://forum.kirupa.com/u/rf1017)
#### Post date: [June 5, 2007, 6:09am UTC](https://forum.kirupa.com/t/dead-center-with-swfobject-js-and-css/228075/1 "2007-06-05T06:09:29Z")
hello, I’m trying to center some flash content vertically and horizontally using CSS. I’m using the swfobject.js to embed the Flash content.
I found a great tutorial on how to center content /w CSS: [http://www.wpdfd.com/editorial/thebox/deadcentre4.html](http://www.wpdfd.com/editorial/thebox/deadcentre4.html)
It’s working in Firefox, but not Safari for me for some reason (I don’t have IE on this machine, but needs to work with it of course too)
So using that I came up with this:
```auto
RisingStar
This site requires Flash Player 7 or greater to function correctly.
Please download HERE
```
here’s the efc.css file:
```auto
#horizon
{
color: white;
background-color: #ffffff;
text-align: center;
position: absolute;
top: 50%;
left: 0px;
width: 100%;
height: 1px;
overflow: visible;
visibility: visible;
display: block
}
#flashcontent
{
font-family: Verdana, Geneva, Arial, sans-serif;
background-color: #f00;
margin-left: -410px;
position: absolute;
top: -237px;
left: 50%;
width: 825px;
height: 475px;
visibility: visible
}
```
Can anyone tell me what I’m doing wrong?