How to Make the {literal} code work in all browsers

[deekstar]

Dear Amoochi and moderators,
I recently asked you guys for the code to put some videos on the home page under the text link to the retailers page just above the footer, You guys gave me the {Literal} code to implement, This worked a treat, in Internet explorer! I've just to my horror found out that the videos appear on top of the search box at the top of the page in both Safari and Google chrome, probably therefore forefox as well! This means the element is only stable in it's proper place with IE7, Should I have also added a "div" tag before and after the {literal} tags, Here's the solution Amoochi gave me in the first thread that worked
Quote Amoochi;
"Does it need or have you tried the {literal}your code here{/literal} tag that is required when using smarty scripts for adding video code?

So this code works fine, until I view the site in other browsers, how do I make it stay in place for all browsers?
Also a quicky, The only recent thing I changed was the borders In the Stylesheet. css settings, would changing the borders around elements/images ect from "solid or dotted" to "inset or outset" affect the general page stability?
thanks guys in advance
Deekstar

[IntroSites]

try putting in your css file:

#videoBar-bar {
clear:both;
}

[deekstar]

Thanks for that mate, It works in all the browsers a treat, not to sound ungrateful, but I was wondering why this command has made a slightly bigger gap from the bottom of the text/link to retailers page to above the video bar, it's not a big deal, it's just that before in IE7 the video bar fitted kind of dead centre with equal space between text/retailers link and the footer, is there another command to add to this to close the gap or centre it? sorry to be a pain, it would be the icing on the cake, whatever, great quick reply for sorting that out!
best Deekstar

[IntroSites]

try clearing right instead of both

clear:right