[Plugin: Cimy Header Image Rotator]

Hi – total noob here, this is the first wordpress site I’ve ever worked on, and I’m no wizard of php/css/html either. Any help is greatly appreciated.

Site – http://www.pnwraptors.com/newsite/
Theme – Twenty Eleven
Plugin – CIMY Header Image Rotator

Trying to get a rotating header image set up. I’ve tried several plugins for this. Many don’t work, others seem to have really restricted options.

This Cimy one seems ok, except one problem – if I don’t leave it floating left, it creates some arbitrary space between the images and the menu. I have fiddled with the code and asked a friend for help, and he can’t figure it out either. I’ve loaded it in 3 different browsers and it acts the same in each. If I leave it floating left, there is no gap, but obviously the images don’t align with the rest of the theme.

Here’s the header image rotator code – the plugin generates it for you, all I’ve done is change the float from left to mid.

<div id="cimy_div_id_0">Loading images...</div>
<div class="cimy_div_id_0_caption"></div>
<style type="text/css">
	#cimy_div_id_0 {
		float: left;
		margin: 1em auto;
		border: 0px solid #000000;
		width: 1000px;
		height: 288px;
	}
	div.cimy_div_id_0_caption {
		position: absolute;
		margin-top: 175px;
		margin-left: -75px;
		width: 150px;
		text-align: center;
		left: 50%;
		padding: 5px 10px;
		background: black;
		color: white;
		font-family: sans-serif;
		border-radius: 10px;
		display: none;
		z-index: 2;
	}
</style>
<noscript>
	<div id="cimy_div_id_0_nojs">
		<img id="cimy_img_id" src="http://www.pnwraptors.com/newsite/wp-content/Cimy_Header_Images/0/20120125_6-1000x288.jpg" alt="" />
	</div>
</noscript>

Again, really appreciate any advice on this.